webfunny前端監控新功能分享：小程式、uni-app埋點SDK內建

關于Webfunny

專注于微信小程式、H5前端、PC前端線上應用實時監控，實時監控前端網頁、前端資料分析、錯誤統計分析監控和BUG預警，第一時間報警，快速修複BUG！支援私有化部署，容器化部署，可支援千萬級PV的日活量！

Webfunny前端監控新功能：現在支援微信小程式、uni-app的埋點探針了，兩個平台內建探針的方式很相似

一、微信小程式的內建

（1）如何下載下傳對應點位的SDK如下圖操作

（2）下載下傳對應的wechat sdk後，複制SDK代碼。在小程式項目的 utils 目錄下建立一個js檔案，命名為：webfunny-track.wx.umd.js，并将SDK代碼複制到這個檔案中儲存。

（3）在小程式項目中找到app.js檔案，通過以下方式初始化SDK代碼，并調用即可。

//1、在項目主入口app.js中添加如下代碼
import "./utils/webfunny-track.wx.umd.js";

wx.webfunnyEvent = function (pointId) {
    if (wx._webfunnyEvent && typeof (wx._webfunnyEvent) === 'object') {
     
   if(Object.prototype.hasOwnProperty.call(wx._webfunnyEvent, pointId)) {
          return wx._webfunnyEvent[pointId];
        } else {
          console.warn('pointId error');
          return { trackEvent: () => { } }
        }
    } else {
        console.warn('please check SDK');
        return { trackEvent: () => { } }
    }
}
//2、調用方式為
//測試資料
 const data = {
    age: 20,
    name: '張三'
}
wx.webfunnyEvent(10).trackEvent(data);           

二、uni-app的SDK內建

（1）如何下載下傳對應點位的SDK如下圖操作

（2）下載下傳對應的uniapp sdk後，複制SDK代碼。在uni app項目的 utils 目錄下建立一個js檔案，命名為：webfunny-track.uni.umd.js，并将SDK代碼複制到這個檔案中儲存。

（3）在uni app項目中找到main.js檔案，通過以下方式初始化SDK代碼，并調用即可。

//1、在項目主入口main.js中添加如下代碼
import "./utils/webfunny-track.uni.umd.js";

uni.webfunnyEvent = function (pointId) {
    if (uni._webfunnyEvent && typeof (uni._webfunnyEvent) === 'object') {
     
   if(Object.prototype.hasOwnProperty.call(uni._webfunnyEvent, pointId)) {
          return uni._webfunnyEvent[pointId];
        } else {
          console.warn('pointId error');
          return { trackEvent: () => { } }
        }
    } else {
        console.warn('please check SDK');
        return { trackEvent: () => { } }
    }
}
//2、調用方式為
//測試資料
 const data = {
    age: 20,
    name: '張三'
}
uni.webfunnyEvent(10).trackEvent(data);           

好啦, 關于{小程式、uni-app埋點SDK內建}分享就到這啦, 如果你是前端工程師同學，歡迎試用體驗【webfunny監控系統】。