寫代碼日子啊~~~~

1. 在做電商項(xiàng)目的時候，要求，商品詳情頁面分享時與其他頁面分享時的內(nèi)容是不一樣的，所以這個時候?qū)⒎窒矸庋b成一個可復(fù)用的功能。
2. 在開發(fā)時發(fā)現(xiàn)，首頁的商品列表跳到詳情頁使用uni-app自帶的跳轉(zhuǎn) 如：uni.navigateTo ~ 這樣產(chǎn)生的二級頁面地址，分享的內(nèi)容就沒有了。即改為 window.location.href = “www.www.ww” + 參數(shù)..... 這樣詳情頁面就可以正常的分享了。
3. 要好好看官方文檔_多看幾遍~
4. 這邊分享所有到的參數(shù)是后端提供的，js-sdk說明文檔里面有demo~ 后端可參考demo，將前端需要的幾個參數(shù)拿到~ 如：
   timestamp: , // 必填，生成簽名的時間戳
   nonceStr: '', // 必填，生成簽名的隨機(jī)串
   signature: '',// 必填，簽名

要提前配置好
1）將js接口安全域名配置好~（登錄公眾號 ~> 設(shè)置（公眾號設(shè)置）~> js接口安全域名）。下載的txt文件只有放到該項(xiàng)目的同級目錄下之后，才能夠設(shè)置成功。
2）設(shè)置IP白名單（通過開發(fā)者ID及密碼調(diào)用獲取access_token接口時，需要設(shè)置訪問來源IP為白名單）~

封裝好的分享功能：

//封裝方法  .js  后端需要前端提供當(dāng)前頁面的url，拿到前端分享使用的參數(shù)

import {HttpUtil} from "@/util/http.js";   // HttpUtil公共請求方法
let wx = require('jweixin-module');        // 微信JS-SDK  安裝方法 npm install jweixin-module --save

function onShareData(shareData){
    let _this = this;
    HttpUtil(reqUrl.getConfigInfo, { 
        data: {
            url :  encodeURIComponent(location.href.split("#")[0]), //當(dāng)前頁面的url
        },
        success: data => {
            wxShare(data,shareData);
        }
    });
}

function wxShare(data,shareData){
    //分享到微信朋友
    wx.config({
          debug: false,// 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會通過log打出，僅在pc端時才會打印。
          appId:  data.appId,         // 必填，公眾號的唯一標(biāo)識，填自己的！
          timestamp: data.timestamp, // 必填，生成簽名的時間戳，剛才接口拿到的數(shù)據(jù)
          nonceStr: data.nonceStr,   // 必填，生成簽名的隨機(jī)串
          signature: data.signature, // 必填，簽名，見附錄1
          jsApiList: [
            'updateAppMessageShareData'
          ]
    })

    wx.ready(function () {
        let sn = uni.getStorageSync('sn');
        let storeId = uni.getStorageSync('storeId');
        let normalConfig ={
            shareName: uni.getStorageSync('shopName'),// => 名稱
            shareImg : uni.getStorageSync('logo'), // => logo
            shareMs: uni.getStorageSync('desc'),//描述
            linkNow: '/xxx/xxx/xxx?&sn=' + sn + '&Id=' + Id  //這個鏈接為，分享出去之后，用戶訪問的地址
        } 
        
        shareData = Object.assign(normalConfig,shareData)
         //分享給朋友
         wx.updateAppMessageShareData({ 
             title: shareData.shareName,
             desc: shareData.shareMs,
             link: api.goHom + shareData.linkNow,// 分享鏈接，該鏈接域名或路徑必須與當(dāng)前頁面對應(yīng)的公眾號JS安全域名一致
             imgUrl: shareData.shareImg,// 分享圖標(biāo)
             success: function () {
               // 設(shè)置成功
                   console.log("updateAppMessageShareData成功");
             },
             fail:function(res){
                 console.log(res);
             }
        })
        wx.error(function (res) {
                console.log("出錯了：" + res.errMsg); //這個地方的好處就是wx.config配置錯誤，會彈出窗口哪里錯誤，然后根據(jù)微信文檔查詢即可。
        })
    }
}
export default {
    onShareData
}


---------------------------------以上就是封裝好的可復(fù)用的分享功能了 .js
使用：
如果所有頁面分享的都是相同的頁面
可以直接在App.vue頁面使用
引入分享的js頁面  import shareUtil from '@/util/shareUtil.js';
然后頁面使用 shareUtil.onShareData() 這個方法就可以。

shareUtil.onShareData() 需要一進(jìn)入頁面就調(diào)用，微信分享只能使用微信自帶的分享功能，前端所能做的就是修改分享出去的參數(shù)。

再點(diǎn)擊微信頁面中的右上角就可以直接分享內(nèi)容了。
在分享參數(shù)的時候 我是直接取了緩存的 uni.getStorageSync

如果某一個頁面需要分享出去不同的內(nèi)容
//分享~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//當(dāng)前頁面地址    urlHref
//跳轉(zhuǎn)鏈接        linkNow
//title          shareName
//描述           shareMs
//分享圖片地址    shareImg
let shareData = {
    linkNow : '/xxx/xxx?Id=' + _this.Id + '&sn=' + _this.sn,
    //詳情頁需要 修改的參數(shù)    不需要 則 不用添加
    shareName : _this.resData.name,
    shareImg : _this.Img[0],
    shareMs : _this.resData.msg,
}
shareUtil.onShareData(shareData);

以上就可以分享出不同的參數(shù)了。
=========================================end