vue 微信公眾號網(wǎng)頁分享

將下面代碼 放入鏈接要進(jìn)入的頁面 (比如分享頁面/share 分享鏈接為/index, 則將此段代碼放在index 頁面)

index 頁面

在的mounted函數(shù)中

function getQueryString(name) {
      //根據(jù)字段看網(wǎng)址是否拼接&字符串
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
      var r = window.location.search.substr(1).match(reg);
      if (r != null) return unescape(r[2]);
      return null;
    }
    var from = getQueryString("from");
    var appinstall = getQueryString("appinstall");
    var sec = getQueryString("sec");
    var timekey = getQueryString("timekey");

    if (from || appinstall || sec || timekey) {
      //假如拼接上了
      var shareUrl = "http://badminton.mohennet.xyz/index/"
      window.location.href=shareUrl;
    }
}

在分享頁面引入

import wx from "weixin-js-sdk";

如若沒有稼锅,命令行內(nèi)輸入

npm install weixin-js-sdk --save-dev

share頁面

在mounted函數(shù)中引用一下代碼

WXshare() {
      console.log("分享");
      
      var that = this;
      var shareUrl = "http://xxxxxx.xyz/index/";
      var url=shareUrl.split('#')[0]
      var imgUrl =  "https://image--ccccc.oss-cn-hangzhou.aliyuncs.com/publish/share.jpg";
      (that.cindex = this.$route.query.cindex),
        (that.remain = 5 - this.$route.query.cindex);
      that.axios.get("http://xxxxx.xyz/sign_data").then(res => {
        console.log(res);
        var nonceStr = res.data.nonceStr;
        var timestamp = res.data.timestamp;
        var signature = res.data.signature;
        wx.config({
          debug: false, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來须蜗,若要查看傳入的參數(shù)芜繁,可以在pc端打開,參數(shù)信息會通過log打出,僅在pc端時才會打印演痒。
          appId: "wxceed9c3cd39ce5d7", // 必填始花,公眾號的唯一標(biāo)識
          timestamp: timestamp, // 必填妄讯,生成簽名的時間戳
          nonceStr: nonceStr, // 必填,生成簽名的隨機(jī)串
          signature: signature, // 必填酷宵,簽名亥贸,見附錄1
          jsApiList: [
            "onMenuShareTimeline",
            "onMenuShareAppMessage",
            "translateVoice"
          ] // 必填,需要使用的JS接口列表浇垦,所有JS接口列表見附錄2
        });
        wx.onMenuShareAppMessage({
          title: "挑戰(zhàn)世界冠軍炕置,贏10元話費(fèi)", // 分享標(biāo)題
          desc: "比復(fù)興號還快的羽毛球,你能抓住嗎?", // 分享描述
          link: url.split('#')[0], // 分享鏈接
          imgUrl: imgUrl, // 分享圖標(biāo)
          type: "link", // 分享類型,music朴摊、video或link默垄,不填默認(rèn)為link
          dataUrl: "", // 如果type是music或video,則要提供數(shù)據(jù)鏈接仍劈,默認(rèn)為空
          success: function(res) {
            console.log(window.location.href.split('#')[0])
            console.log(res);
            // 用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)
            that.showshare = false;
            console.log("分享1");
          },
          cancel: function() {
            console.log("分享2");
            // 用戶取消分享后執(zhí)行的回調(diào)函數(shù)
          }
        });
        wx.onMenuShareTimeline({
          title: "挑戰(zhàn)世界冠軍厕倍,贏10元話費(fèi)", // 分享標(biāo)題
          desc: "比復(fù)興號還快的羽毛球,你能抓住嗎贩疙?", // 分享描述
          link: url.split('#')[0],
          imgUrl: imgUrl, // 分享圖標(biāo)
          success: function() {
            console.log(window.location.href.split('#')[0])

            console.log("分享1");
            // 用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)
            that.showshare = false;
          },
          cancel: function() {
            console.log("分享2");
            // 用戶取消分享后執(zhí)行的回調(diào)函數(shù)
          }
        });
      });
    }

如果是單頁面在頁面中引入上述所有代碼即可

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末讹弯,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子这溅,更是在濱河造成了極大的恐慌组民,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,270評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件悲靴,死亡現(xiàn)場離奇詭異臭胜,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)癞尚,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評論 3 395
  • 文/潘曉璐 我一進(jìn)店門耸三,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人浇揩,你說我怎么就攤上這事仪壮。” “怎么了胳徽?”我有些...
    開封第一講書人閱讀 165,630評論 0 356
  • 文/不壞的土叔 我叫張陵积锅,是天一觀的道長。 經(jīng)常有香客問我养盗,道長缚陷,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,906評論 1 295
  • 正文 為了忘掉前任往核,我火速辦了婚禮箫爷,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘聂儒。我一直安慰自己蝶缀,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,928評論 6 392
  • 文/花漫 我一把揭開白布薄货。 她就那樣靜靜地躺著,像睡著了一般碍论。 火紅的嫁衣襯著肌膚如雪谅猾。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,718評論 1 305
  • 那天,我揣著相機(jī)與錄音税娜,去河邊找鬼坐搔。 笑死,一個胖子當(dāng)著我的面吹牛敬矩,可吹牛的內(nèi)容都是我干的概行。 我是一名探鬼主播,決...
    沈念sama閱讀 40,442評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼弧岳,長吁一口氣:“原來是場噩夢啊……” “哼凳忙!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起禽炬,我...
    開封第一講書人閱讀 39,345評論 0 276
  • 序言:老撾萬榮一對情侶失蹤涧卵,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后腹尖,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體柳恐,經(jīng)...
    沈念sama閱讀 45,802評論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,984評論 3 337
  • 正文 我和宋清朗相戀三年热幔,在試婚紗的時候發(fā)現(xiàn)自己被綠了乐设。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,117評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡绎巨,死狀恐怖近尚,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情认烁,我是刑警寧澤肿男,帶...
    沈念sama閱讀 35,810評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站却嗡,受9級特大地震影響舶沛,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜窗价,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,462評論 3 331
  • 文/蒙蒙 一如庭、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧撼港,春花似錦坪它、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至靶溜,卻和暖如春开瞭,著一層夾襖步出監(jiān)牢的瞬間懒震,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評論 1 272
  • 我被黑心中介騙來泰國打工嗤详, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留个扰,地道東北人。 一個月前我還...
    沈念sama閱讀 48,377評論 3 373
  • 正文 我出身青樓葱色,卻偏偏與公主長得像递宅,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子苍狰,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,060評論 2 355