微信公衆番号H 5ページ:共有操作禁止
H 5ページの微信側での共有禁止(モーメンツ、友人への共有)
今回は2つの実現方法についてお話しします.1つ目は正しいことを保証し、2つ目は簡単に利用できますが、文法が正しいことを保証しません(自分が使い始めたばかりで、大丈夫です).
では、最初の方法についてお話しします.
ステップ1:jssdkのインストール
グローバルインストール:npm install weixin-js-sdk
ステップ2:config構成をカプセル化する
utilsでwxForbidShareを作成します.js、内容は以下の通りです:(貼り付けコピー可能)
ステップ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()の内容は次のとおりです.(粘着性レプリケーション)
よし、これで全部やった!
次に2つ目の方法についてお話しします.
第1ステップグローバルインストール:npm install weixin-js-sdk第2部ページ参照:import wx from"weixin-js-sdk"ページcreated:関数でwxを定義.hideOptionMenu();
終わったらこれでいい!でも、別に...この方法ではconfig権限を取得する必要はありませんが、設定された最初のページが有効にならず、その後にジャンプした2番目のページと以降のページが共有禁止になるという問題があります.(これに対して私は本当にとても奇怪で、どうして知らないで、とても悲しんで、あなたの知っている友达が言叶を残してほしいです!)私がどのように実現したのかというと、私は最初のページ(共有禁止ページ-Aページが必要)の前にページを追加しました(このページ-Bページの役割はジャンプのためです.そうすれば、Aページの共有禁止ページ機能を実現することができます)下にBページのコードを添付することができます.
今回は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ページのコードを添付することができます.