自拍亚洲一区欧美另类,亚洲成人影院,亚洲午夜久久久久妓女影院,最近中文字幕高清中文字幕无,亚洲熟妇av一区二区三区漫画

網(wǎng)絡(luò)建站知識(shí)

精準(zhǔn)傳達(dá) ? 價(jià)值共享

洞悉互聯(lián)網(wǎng)前沿資訊,探尋網(wǎng)站營(yíng)銷規(guī)律

微信小程序內(nèi)嵌的網(wǎng)址WebchatShare項(xiàng)目

作者:狐靈科技 | 2019-10-19 14:21 |點(diǎn)擊:

項(xiàng)目地址:https://github.com/sennyla/WebchatShare

需求是這樣子的:小程序啟動(dòng)授權(quán)等操作成功后直接跳轉(zhuǎn)到內(nèi)嵌網(wǎng)頁(yè),內(nèi)嵌的網(wǎng)址也就是公司的官網(wǎng)產(chǎn)品項(xiàng)目,而后,產(chǎn)品項(xiàng)目里面的各個(gè)網(wǎng)頁(yè)都能支持分享操作,當(dāng)然,對(duì)方打開(kāi)的一定是你分享的那個(gè)頁(yè)面而不是整個(gè)小程序初始頁(yè)面。

解決思路:官方提供的轉(zhuǎn)發(fā)接口 onShareAppMessage 中自定義路徑即可轉(zhuǎn)發(fā)指定的頁(yè)面。使用 web-view 存放內(nèi)嵌網(wǎng)頁(yè),路徑以參數(shù)的形式傳遞,但初始化加載頁(yè)面的時(shí)候再填充路徑。

一開(kāi)始是想著既然內(nèi)嵌網(wǎng)頁(yè)的路徑可以動(dòng)態(tài)添加,那我轉(zhuǎn)發(fā)時(shí)再重新跳轉(zhuǎn)回內(nèi)嵌網(wǎng)頁(yè),附上我轉(zhuǎn)發(fā)的這個(gè)地址就好了,但是,但是,打開(kāi)轉(zhuǎn)發(fā)了的頁(yè)面時(shí),竟然提示找不到路徑,可謂愁死人了。控制臺(tái)打印檢查發(fā)現(xiàn),onShareAppMessage(options) 中 options 攜帶了一個(gè)參數(shù) webViewUrl,即當(dāng)前轉(zhuǎn)發(fā)的文件的路徑,在轉(zhuǎn)發(fā)成功之后,通過(guò)

this.setData({ web_src: options.webViewUrl }) 賦值后,打開(kāi)的轉(zhuǎn)發(fā)頁(yè)面依舊提示找不到頁(yè)面。經(jīng)仔細(xì)研究 onShareAppMessage 接口中各個(gè)值的含義和功能后,得出以下結(jié)論

onShareAppMessage: function (res) { if (res.from === 'button') { // 來(lái)自頁(yè)面內(nèi)轉(zhuǎn)發(fā)按鈕 console.log(res.target) } return { title: '自定義轉(zhuǎn)發(fā)標(biāo)題', path: '/page/user?id=123', success: function(res) { // 轉(zhuǎn)發(fā)成功 }, fail: function(res) { // 轉(zhuǎn)發(fā)失敗 } } } path:轉(zhuǎn)發(fā)路徑, 注:當(dāng)前頁(yè)面 path ,必須是以 / 開(kāi)頭的完整路徑 個(gè)人對(duì)這個(gè) path 的理解是這樣子的,微信小程序接口里面的path,是不是 指代微信小程序里跳轉(zhuǎn)到其他頁(yè)面的路徑,如果一個(gè)內(nèi)嵌路徑無(wú)法實(shí)現(xiàn)轉(zhuǎn)載操作頁(yè)面和分享頁(yè)面,那我就分開(kāi)好了,再加一個(gè)內(nèi)嵌路徑來(lái)專門存放轉(zhuǎn)發(fā)的結(jié)果。果不其然,這樣子一處理,還真能實(shí)現(xiàn)了需求,話不多說(shuō),上代碼:

步驟一:準(zhǔn)備工作,在 app.js里 定義一個(gè)全局變量,用于存放 內(nèi)嵌網(wǎng)頁(yè)的地址,如,

globalData: { userInfo: null, ctxPath: 'https://xxxxxx', } 步驟二:在初始化頁(yè)面,即首頁(yè)存放一個(gè)按鈕,定義跳轉(zhuǎn)到內(nèi)嵌網(wǎng)頁(yè)的事件,如,

開(kāi)啟

對(duì)應(yīng)的事件為:

toHome:function(){ let that = this; wx.redirectTo({ url: '../pcweb/pcweb' }) }, 步驟三:使用 web-view 加載內(nèi)嵌網(wǎng)頁(yè),(注:pcweb.wxml 中)

對(duì)應(yīng)的事件為:

//生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載 onLoad: function (options) { //初始化頁(yè)面的時(shí)候加載補(bǔ)充內(nèi)嵌網(wǎng)頁(yè)的路徑 let that = this; that.setData({ web_src: ctxPath
}) }, 備注:因?yàn)閮?nèi)嵌網(wǎng)頁(yè)網(wǎng)址之前存放成全局變量在app.js里,故我們要先引入全局變量

var app = getApp(); var ctxPath = app.globalData.ctxPath; //內(nèi)嵌網(wǎng)頁(yè)的路徑 分享操作實(shí)現(xiàn): onShareAppMessage: function (options) { let that = this let return_url = options.webViewUrl //分享的當(dāng)前頁(yè)面的路徑 var path = 'pages/sharepage/sharepage?shareUrl=' + return_url //小程序存放分享頁(yè)面的內(nèi)嵌網(wǎng)頁(yè)路徑 console.log(path, options) return { title: '內(nèi)嵌網(wǎng)頁(yè)分享', path: path, success: function (res) { // 轉(zhuǎn)發(fā)成功 wx.showToast({ title: "轉(zhuǎn)發(fā)成功", icon: 'success', duration: 2000 }) }, fail: function (res) { // 轉(zhuǎn)發(fā)失敗 } } },

步驟四:定義存放分享頁(yè)面的內(nèi)嵌網(wǎng)頁(yè)路徑,即 sharepage.wxml,附上如下代碼:

//share_src:分享后的路徑 定義事件:

onLoad: function (options) { console.log(options) let that = this; that.setData({ share_src: options.shareUrl, }) }, 打開(kāi)分享的頁(yè)面時(shí)獲取之前分享操作時(shí)傳遞的參數(shù),即路徑,并在打開(kāi)分享的初始化函數(shù)中填充路徑值options.shareUrl ,

同樣,倘若想要在打開(kāi)分享的頁(yè)面中進(jìn)行分享操作的話,然后需要補(bǔ)充分享事件,只是這次跳轉(zhuǎn)的路徑指向本身,

并且分享成功時(shí)將分享時(shí)的路徑再次賦值給share_src,

onShareAppMessage(options) { var that = this var return_url = options.webViewUrl var path = 'pages/sharepage/sharepage?shareUrl=' + return_url //分享成功后跳轉(zhuǎn)回本頁(yè)面 console.log(path, options) return { title: '內(nèi)嵌網(wǎng)頁(yè)分享', path: path, success: function (res) { // 轉(zhuǎn)發(fā)成功 wx.showToast({ title: "轉(zhuǎn)發(fā)成功", icon: 'success', duration: 2000 }) that.setData({
share_src: return_url //再次賦值分享內(nèi)嵌網(wǎng)頁(yè)的路徑 }) }, fail: function (res) { // 轉(zhuǎn)發(fā)失敗 } } }, 至此,小程序內(nèi)嵌網(wǎng)頁(yè)的分享就完成了。

如沒(méi)特殊注明,文章均為狐靈科技原創(chuàng),轉(zhuǎn)載請(qǐng)注明?? "微信小程序內(nèi)嵌的網(wǎng)址WebchatShare項(xiàng)目
多一份免費(fèi)策劃方案,總有益處。

請(qǐng)直接添加技術(shù)總監(jiān)微信聯(lián)系咨詢

網(wǎng)站設(shè)計(jì) 品牌營(yíng)銷

多一份參考,總有益處

聯(lián)系狐靈科技,免費(fèi)獲得專屬《策劃方案》及報(bào)價(jià)

咨詢相關(guān)問(wèn)題或預(yù)約面談,可以通過(guò)以下方式與我們聯(lián)系

業(yè)務(wù)熱線:15082661954 / 大客戶專線:15523356218