1. 程式人生 > >微信分享前端流程

微信分享前端流程

1。引入jssdk,
2.
wx.config() 其中要傳入一大堆東西,不過都可以從後端獲取到
3. wx.ready() 在config之後執行 然後裡邊就可以寫要分享的配置

示例:

weix(data){

    wx.config({
        debug: true, // 開啟除錯模式,呼叫的所有api的返回值會在客戶端alert出來,若要檢視傳入的引數,可以在pc端開啟,引數資訊會通過log打出,僅在pc端時才會列印。
        appId: data.appid, // 必填,公眾號的唯一標識
        timestamp: data.timestamp , // 必填,生成簽名的時間戳
        nonceStr: data.noncestr, // 必填,生成簽名的隨機串
        signature: data.signature,// 必填,簽名
        jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline','onMenuShareQQ','onMenuShareQZone','updateTimelineShareData'] // 必填,需要使用的JS介面列表
    })

    wx.ready(function(){
        alert('成功')
        wx.onMenuShareTimeline({  //分享到朋友圈
            title: '上官強',  
            link: 'http://xu.jieruiedu.com/',  
            imgUrl: 'https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=1186611587,3959621548&fm=173&app=25&f=JPEG?w=640&h=394&s=BF817B235A4474CC9D9904C90300B0A2',  
            desc:"hahahahahahhahahahahaha",
            success: function () {
                 
               shareLog();  
              alert('分享成功')

            },
            cancel: function () { 
              alert('取消分享')
                  
            }
        });

        wx.onMenuShareAppMessage({
            title: '上官強', // 分享標題
            desc: '傑睿教育活動分享連結', // 分享描述
            link: 'http://xu.jieruiedu.com/', // 分享連結
            imgUrl: 'https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=1186611587,3959621548&fm=173&app=25&f=JPEG?w=640&h=394&s=BF817B235A4474CC9D9904C90300B0A2', // 分享圖示
            
            success: function () { 
                // 使用者確認分享後執行的回撥函式
                alert('分享成功')
            },
            cancel: function () { 
                // 使用者取消分享後執行的回撥函式
                alert('取消分享')

            }
        });
         
    });

    wx.error(function(res){
        console.log(res)
    });
}