單頁面路由工程使用微信分享及二次分享解決方案

2021-09-12 16:11:06 字數 1285 閱讀 2289

wxshare除適用於 vue 單頁工程外, 也可以使用與其他單頁工程例如 react,本示例主要展示如何在 vue中使用;

1. (初始化頁面,劃重點)掉用 api 獲取當前頁面 url 授權的簽名

3. 路由切換時, 重新執行步驟2

1. 快速使用, 只需三步
示例參見 demo下 src/main.js
在工程入口檔案引入 wxshare 檔案

import wx from 'weixin-js-sdk';

//配置授權api

wxshare.config.jssdkauth='/api/mobile/weixin/ecstoresendjssdk';

if (location.host != "localhost:8080") }

router.aftereach(route =>

})/*************** end 分割線 ************/

2. wxshare提供的方法

2.1 initwxshare()

2.2 updatewxshareconfig()

2.3 resetwxshareconfig()

通常情況下, 在路由發生變化時, 希望已被更改過的分享配置, 重新重置為預設分享配置
2.4 configwxjssdk();

3. wxshare.config屬性配置

配置名稱

屬性值預設值

jssdkauth

string

''sharesign

object

下文sharesign

defaultwxshareconfig

object

下文defaultwxshareconfig

wxshareconfig

object

下文wxshareconfig

3.1 sharesign提供的配置

3.2 defaultwxshareconfig
3.3 wxshareconfig
wxshareconfig:{}
其他

/wxshare.js 為外掛程式原始碼檔案, 可根據自己需求自行更改

demo 工程只需 clone 本工程,

npm install

npm run serve

npm依賴外掛程式

單頁面路由工程使用微信分享及二次分享解決方案

wxshare除適用於 vue 單頁工程外,也可以使用與其他單頁工程例如 react,本示例主要展示如何在 vue中使用 1.初始化頁面,劃重點 掉用 api 獲取當前頁面 url 授權的簽名 3.路由切換時,重新執行步驟21.快速使用,只需三步示例參見 demo下 src main.js在工程入口...

單頁面路由工程使用微信分享及二次分享解決方案

wxshare除適用於 vue 單頁工程外,也可以使用與其他單頁工程例如 react,本示例主要展示如何在 vue中使用 1.初始化頁面,劃重點 掉用 api 獲取當前頁面 url 授權的簽名 3.路由切換時,重新執行步驟21.快速使用,只需三步示例參見 demo下 src main.js在工程入口...

PHP 微信分享(及二次分享)

js部分 var timestamp timestamp var noncestr noncestr var signature signature wx.config wx.ready function title title,desc desc,link link,imgurl imgurl,開...