微信小程序配置域名並用web-view實現跳轉外部鏈接

1.登錄微信小程序開發後臺 https://mp.weixin.qq.com/ 點擊開發設置,

在這裏插入圖片描述

2.設置request合法域名,並在 微信開發者工具 中刷新站點信息

  • 每種服務域名可以設置多個
  • request必須是https地址
  • 個人類型和海外類型的小程序不支持 web-view 標籤,只有開發人員調試模式可以跳轉
    在這裏插入圖片描述
  • 不勾選 “不校驗合法域名”
    在這裏插入圖片描述
  • 刷新項目配置
    在這裏插入圖片描述

3.設置完成後,在小程序view中添加web-view組件,src指向第3步配置的站點頁面地址。

在這裏插入圖片描述

4.在其他小程序其他頁面的.js如中用下面的方式實現跳轉:

  • /pages/index/index.js
Page({
 //頁面顯示事件
 onShow(){
   wx.navigateTo( {url: "/pages/blog/index"} );
 }

5.保存代碼,點擊真機調試,用在開發人員列表中的微信掃描進入小程序,即可跳轉到https://blog.qinqinxia.com

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章