最近做了一個(gè)項(xiàng)目就是在自己的項(xiàng)目里用戶登陸以后通過(guò)手機(jī)號(hào)直接跳轉(zhuǎn)并登陸第三方頁(yè)面衷蜓，在這個(gè)功能里用到了<web-view>這個(gè)標(biāo)簽累提，它有點(diǎn)像H5中的<iframe>標(biāo)簽，可以通過(guò)src中的鏈接將第三方頁(yè)面嵌套到自己的小程序中磁浇，但是這個(gè)標(biāo)簽又有很多的坑斋陪，不是你想用就能用的。扯夭。
首先，小程序官方規(guī)定了鞍匾，這個(gè)標(biāo)簽在個(gè)人類(lèi)型的小程序是暫時(shí)不支持的 呵呵 了 NM TX交洗。。橡淑。构拳。
然后你以為你在公司的項(xiàng)目里就能隨便用這個(gè)標(biāo)簽為你提供簡(jiǎn)單的跳轉(zhuǎn)服務(wù)了？呵呵 了 NM TX梁棠。置森。。符糊。
當(dāng)然凫海，如果你打開(kāi)的是這個(gè)公眾號(hào)自己的網(wǎng)址，那么你可以盡情的跳轉(zhuǎn)吧男娄。行贪。漾稀。可是好多時(shí)候在公司的項(xiàng)目里既然要跳轉(zhuǎn)就是跳別的頁(yè)面建瘫。崭捍。。然后微信開(kāi)發(fā)者文檔說(shuō)了：webview 指向網(wǎng)頁(yè)的鏈接啰脚∫笊撸可打開(kāi)關(guān)聯(lián)的公眾號(hào)的文章，其它網(wǎng)頁(yè)需登錄小程序管理后臺(tái)配置業(yè)務(wù)域名橄浓。
就是在這里配置上你的域名粒梦。。
完了嗎贮配？
還沒(méi)有呢谍倦。。泪勒。
還得怎么配昼蛀？
看文檔吧 這一點(diǎn)微信還是寫(xiě)的很清楚的（開(kāi)發(fā)者文檔-web-view）
不知道怎么配置白名單？給大家推薦個(gè)別人的文檔吧微信小程序跳轉(zhuǎn)到其他網(wǎng)頁(yè)(外部鏈接)
JSSDK圆存？就是你必須是HTTPS的協(xié)議５鹦！沦辙！HTTP夫植？？油讯？呵呵~~
然后就是下面的白屏問(wèn)題了详民。。陌兑。尼瑪沈跨。。兔综。差點(diǎn)沒(méi)死在這兒饿凛，在src動(dòng)態(tài)添加URL的時(shí)候，我以為我語(yǔ)法錯(cuò)了软驰。涧窒。。锭亏。然后就各種改啊改啊改纠吴。。慧瘤。呜象。
就是我這里雖然是對(duì)的膳凝。。恭陡。但是通過(guò)組件傳遞進(jìn)來(lái)值以后蹬音，發(fā)現(xiàn)：
尼瑪？休玩？著淆？src去哪兒了？
實(shí)在搞不了了拴疤，請(qǐng)教了以為名為宋金亮的大神永部，大神說(shuō)給你個(gè)文檔你去看吧！
說(shuō)到底呐矾，看的還是蒙了個(gè)比的苔埋。。蜒犯。
于是组橄，根據(jù)這個(gè)文檔開(kāi)始自己摸著石頭過(guò)河。罚随。玉工。（注意了，下面是重點(diǎn)Ｌ云小Ｗ癜唷！以后碰到這個(gè)問(wèn)題可以像我這樣解決潮改，嘿嘿）
//這個(gè)是你獲取或者是你自己拼url的頁(yè)面Ｏ林！！汇在！
api.get_url(par).then(res => {
// * api.XXX是我自己封裝的方法（不做解釋?zhuān)? //* 將URL轉(zhuǎn)碼后存儲(chǔ)
this.url = encodeURIComponent(res.data.data)
wepy.setStorageSync("url",this.url)
console.log("獲取URL",this.url)//打印一下看看對(duì)不對(duì)翰萨、、趾疚、缨历、
this.$apply()
}).then(()=>{
//*跳轉(zhuǎn)第三方該頁(yè)面
api.pop_link().then(res => {
wepy.navigateTo({
url:'/pages/out_link'
//跳轉(zhuǎn)之后的代碼在下面Ｒ栽獭２诼蟆！４园埂Ｉ陌酢！宝与！
})
})
this.$apply()
})
這個(gè)是你將存在storage里的URL再給他取出來(lái)７倮取Ｒ逼ァ！咆瘟！
onLoad(opation){
// * 從本地取url
let url = wepy.getStorageSync("url")
console.log(url)//打印一下看看取來(lái)了啥嚼隘。。袒餐。飞蛹。
// *編碼這個(gè)url
this.url = decodeURIComponent(url)
console.log(this.url,"在web頁(yè)面")
}
這之中有個(gè)問(wèn)題，就是你 必須轉(zhuǎn)碼 存然后取出來(lái)轉(zhuǎn)碼之后再用灸眼，不然卧檐。。焰宣。還是呵呵霉囚。。匕积。
終于可以跳了啊盈罐。。闸天。暖呕。然后又發(fā)現(xiàn)了其他問(wèn)題 嘿嘿 就是。苞氮。你根本無(wú)法控制你跳的頁(yè)面~~~
哈哈 強(qiáng)大的微信提供了強(qiáng)大的功能和爬不出來(lái)的坑~~~
不過(guò)有些東西也無(wú)可厚非湾揽，畢竟微信需要控制小程序打開(kāi)的頁(yè)面，不然笼吟。库物。。什么愛(ài)情動(dòng)感激情鏈接啥的都能打開(kāi)贷帮，小程序就廢了戚揭。。撵枢。所以 老老實(shí)實(shí)的配置吧 讓第三方好好配合你 哈哈哈
最后Ｃ裆埂！３荨Ｇ北亍！愿世間沒(méi)有BUG沃但。磁滚。。。垂攘。
