知識
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價值,我們在追求其視覺表現(xiàn)的同時,更側(cè)重于功能的便捷,營銷的便利,運營的高效,讓網(wǎng)站成為營銷工具,讓軟件能切實提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序為后期升級提供便捷的支持!
您當(dāng)前位置>首頁 » 新聞資訊 » 小程序相關(guān) >
微信小程序跳轉(zhuǎn)到外部連接和外部鏈接跳回小程序
發(fā)表時間:2020-10-16
發(fā)布人:葵宇科技
瀏覽次數(shù):115
微信小程序跳轉(zhuǎn)到外部連接和外部鏈接跳回小程序
- 1、跳轉(zhuǎn)外部連接
- 1.1、新建一個頁面wxml存放web-view組件(page1)
- 1.2需要跳轉(zhuǎn)的頁面,跳轉(zhuǎn)到page1
- 1.3添加業(yè)務(wù)域名
- 1.3.1在域名服務(wù)器根目錄上傳微信驗證文件
- 1.3.2添加業(yè)務(wù)域名
- 2、外部連接跳回微信小程序
- 2.1 顯示的HTML增加微信 JSSDK 的js代碼
- 2.2 如若是2.1用的是 wx.miniProgram.postMessage,會觸發(fā) web-view api 的 bindmessage 方法,在bindmessage 中跳轉(zhuǎn)到小程序?qū)?yīng)的頁面。
官方文檔
https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html
1、跳轉(zhuǎn)外部連接
1.1、新建一個頁面wxml存放web-view組件(page1)
該組件 SRC 填寫外部鏈接 url
1.2需要跳轉(zhuǎn)的頁面,跳轉(zhuǎn)到page1
用
navigator(<navigator url="url"> sdsad</navigator>
)
或者
wx.navigateTo或其它等效頁面跳轉(zhuǎn)方法
1.3添加業(yè)務(wù)域名
需登錄小程序管理后臺配置業(yè)務(wù)域名。
按照官方流程總結(jié)如下步驟
1.3.1在域名服務(wù)器根目錄上傳微信驗證文件
1.3.2添加業(yè)務(wù)域名
2、外部連接跳回微信小程序
在1的基礎(chǔ)上,web-view顯示的html文件,需要增加支持微信JSSDK的js代碼
代碼流程
2.1 顯示的HTML增加微信 JSSDK 的js代碼
2.2 如若是2.1用的是 wx.miniProgram.postMessage,會觸發(fā) web-view api 的 bindmessage 方法,在bindmessage 中跳轉(zhuǎn)到小程序?qū)?yīng)的頁面。
如
test.html是外部連接顯示的內(nèi)容,點擊按鈕跳回到微信小程序頁面page2(“/page/page2/page2”)
test.html代碼
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<button rel="stylesheet">
相關(guān)案例查看更多
相關(guān)閱讀
- 云南網(wǎng)絡(luò)推廣
- 網(wǎng)絡(luò)公司電話
- 云南網(wǎng)站建設(shè)制作
- 云南小程序開發(fā)首選品牌
- 搜索引擎優(yōu)化
- 云南小程序開發(fā)哪家好
- 百度人工排名
- 云南省城鄉(xiāng)建設(shè)廳網(wǎng)站
- APP
- 全國前十名小程序開發(fā)公司
- 汽車報廢軟件
- 網(wǎng)站建設(shè)開發(fā)
- 汽車拆解管理系統(tǒng)
- 安家微信小程序
- 昆明小程序定制開發(fā)
- 云南網(wǎng)站建設(shè)專家
- 云南建設(shè)廳網(wǎng)站首頁
- 云南網(wǎng)站建設(shè)報價
- 制作一個小程序
- 小程序用戶登錄
- typescript
- 搜索排名
- 高端網(wǎng)站建設(shè)公司
- 軟件定制公司
- 云南網(wǎng)站開發(fā)哪家好
- 出入小程序
- Web開發(fā)框架
- 報廢車管理系統(tǒng)
- 網(wǎng)站建設(shè)
- 麗江小程序開發(fā)