微信公衆番号H 5ページ:共有操作禁止


H 5ページの微信側での共有禁止(モーメンツ、友人への共有)
今回は2つの実現方法についてお話しします.1つ目は正しいことを保証し、2つ目は簡単に利用できますが、文法が正しいことを保証しません(自分が使い始めたばかりで、大丈夫です).
では、最初の方法についてお話しします.
ステップ1:jssdkのインストール
グローバルインストール:npm install weixin-js-sdk
ステップ2:config構成をカプセル化する
utilsでwxForbidShareを作成します.js、内容は以下の通りです:(貼り付けコピー可能)
const wx = require('weixin-js-sdk')
// import wx from 'weixin-js-sdk'
var wexinForbidShare = (data) => {
  let appId = data.appId
  let timestamp = data.timestamp
  let nonceStr = data.nonceStr
  let signature = data.signature
  wx.config({
    debug: false, //       ,     api         alert  ,         ,   pc   ,       log  ,  pc      。
    appId: appId, //   ,        
    timestamp: timestamp, //   ,        
    nonceStr: nonceStr, //   ,        
    signature: signature, //   ,  ,   1
    jsApiList: ['hideMenuItems'] //   ,     JS    ,  JS       2
  })
  wx.ready(function () {
    wx.hideMenuItems({
      menuList: ['menuItem:share:appMessage', 'menuItem:share:timeline', 'menuItem:share:qq', 'menuItem:share:QZone', 'menuItem:openWithSafari', 'menuItem:openWithQQBrowser', 'menuItem:favorite']
    })
  })
  wx.error(function (res) {
    // config         error  ,           ,          config debug    ,       res     ,  SPA         。
    /* alert("config      "); */
  })
}
export default wexinForbidShare


ステップ3:共有禁止のページを準備し、jsを参照し、基本情報を取得する
参照:import wexinForbidShare from'……/.../utils/wxForbidShare'
created () { this.getForbidShare() }
this.getForbidShare()は、主にこのページのダイナミックurlに基づいてバックエンドに要求を開始し、appId、timestamp、noncestr、signatureの構成に必要なパラメータを取得します.注意:urlは必ず動的に取得し、アドレス番号の前の部分、すなわちwindowを取る.location.href.split(’#’)[0],ここでは転送後のencodeURIComponent(window.location.href.split(’#’)[0])を使用する場合があることを説明する.これは実際の状況に応じて、バックグラウンドでインタラクティブに決めなければなりません.
this.getForbidShare()の内容は次のとおりです.(粘着性レプリケーション)
getForbidShare () {
      var that = this
      var test = window.location.href.split('#')[0]
      console.log(test)
      //          
      that.$get(that.$axiosUrl.sdkConfig, {url: test})
        .then((response) => {
          console.log(response.code)
          if (response.code === 0) {
            wexinForbidShare(response.data, function () {
            }, function (e) {
              Toast.fail('    ')
            })
          }
        })
    },

よし、これで全部やった!
次に2つ目の方法についてお話しします.
第1ステップグローバルインストール:npm install weixin-js-sdk第2部ページ参照:import wx from"weixin-js-sdk"ページcreated:関数でwxを定義.hideOptionMenu();
終わったらこれでいい!でも、別に...この方法ではconfig権限を取得する必要はありませんが、設定された最初のページが有効にならず、その後にジャンプした2番目のページと以降のページが共有禁止になるという問題があります.(これに対して私は本当にとても奇怪で、どうして知らないで、とても悲しんで、あなたの知っている友达が言叶を残してほしいです!)私がどのように実現したのかというと、私は最初のページ(共有禁止ページ-Aページが必要)の前にページを追加しました(このページ-Bページの役割はジャンプのためです.そうすれば、Aページの共有禁止ページ機能を実現することができます)下にBページのコードを添付することができます.