jssdk分享設定 微信分享 JSSDK的使用

2021-10-17 01:45:32 字數 1884 閱讀 5711

分享功能的**一般會放在beforecreate或mounted鉤子中,**如下:

.then((}) => else , (}) => , //分享成功觸發

cancel: function() {} //分享取消觸發,需要時可以呼叫

options = object.assign({}, defaults, options);

wx.ready(function() from './../utils'; // 引入分享功能的js檔案

// 需要拼接位址的地方

let jssdk = data.jssdk;

var hostname = '';

var pathname = 'fe-sport/#/home';

let optiondata = {

title: "第四屆黑馬運動會正在招團長,快來一戰成名!",

desc: "hey,兄弟,好久不見!3月25日,黑馬校友運動會,北京見。",

link: process.env.node_env === 'development' ? hostname + 'dev/' + pathname : hostname + pathname,

imgurl: ""

sharejs(jssdk, optiondata);

// 不需要拼接位址的地方

let jssdk = data.jssdk;

// 準備好要傳入到utils.js檔案中的引數。

let optiondata = {

title: "我們的班級我們的團,快來為" + self.headerdata.class + "班級榮譽而戰!",

desc: "哥們兒,咱多久沒一起喝酒吃飯了,多久沒促膝長談了,hey兄弟們!咱該聚聚了!",

link: location.href,

imgurl: ""

// 將jssdk和分享後展示的引數傳入

sharejs(jssdk, optiondata);

// self.headerdata.class 為需要動態傳入的引數,獲取資料的時候直接取出來就行。

// 或者還可以像下面這樣寫,先將分享的內容準備後,然後以更簡潔的方式賦值給專入到utils.js中。

let frompath = '';

beforerouteenter (to, from, next) {

frompath = from.path;

next();

// 獲取frompath

let tolink = location.href;

let titledetail = "我們的班級我們的團,快來為" + self.headerdata.class + "班級榮譽而戰!";

let destdetail = "哥們兒,咱多久沒一起喝酒吃飯了,多久沒促膝長談了,hey兄弟們!咱該聚聚了!";

// 根據不同的情況來修改分享後顯示的文案。

if(frompath.substr(-1) == "/"){

tolink = "";

titledetail = "商場王者,快來測試你是王者榮耀裡的誰?";

destdetail = "黑馬運動會開幕在即,眾多商業大佬已整裝待發,速來測試你的王者基因,你更適合加入哪支黑馬戰隊?"

let myjssdk = jssdk;

let optiondata = {

title: titledetail,

desc: destdetail,

link: tolink,

imgurl: ""

sharejs(myjssdk, optiondata);

有了上面的這些**之後,下一次再遇到這類需求時,我就更得心應手了。

微信jssdk分享筆記

注 由於jssdk授權介面的呼叫可能會影響本地介面的正常呼叫,如果頁面剛剛載入成功的時候需要向服務端請求其他資料介面,一定要讓資料介面呼叫完成後再呼叫拿jssdk授權配置資訊的介面。a 原生html頁面中使用script標籤引入以下檔案 b vue專案 安裝 npm install weixin j...

微信jssdk實現分享到微信

可以看到我的賬號是訂閱號而且是未認證的 因為我專案中用的賬號是公司的號,我現在只是以我自己的號 簡單說一下。你自己需要的賬號是已經認證的 據說要花300元,好貴。然後看一下左邊選單的介面許可權裡面的分享介面是否已經授權了 同樣的我的是未獲得的 因為我是以我的為例子的 我實際上用的是公司的號不是我自己...

JS SDK微信分享那些事

jie 2017 9 29 官方技術文件 其實已經很清楚了,本文重點說明開發遇到的一些注意事項和tips 硬性要求 配置 開發 前端從後端獲取config介面所需的配置資訊,先注入許可權驗證配置,ready介面中使用js介面。tip 4 注意前端引入js檔案的http 必須與當前頁面的url的協議 ...