關于app跳轉vueh5頁面時擷取url附帶的參數_微信小程式内嵌H5頁面

概況

使用 标簽能在小程式中打開外部網頁，但是要打開的網頁的域名必須跟小程式的業務域名(業務域名可以在小程式的背景管理界面添加)一緻，否則在真機上是打不開的。如果開發工具上勾選了‘不校驗域名’，在開發的時候還是能打開的，但也沒用，線上是打不開的。

不管有沒有内容， 會占滿整個螢幕。

内嵌H5，更新代碼釋出上線可以繞過稽核。

的限制

• 使用限制：對個人類型和海外類型的小程式暫不支援
• 指向域名的限制：域名必須為 https 協定且經過ICP備案
• 域名修改限制：一個小程式最多可添加20個域名，一年可修改50次
• 基礎庫限制：基礎庫 1.6.4 以上版本支援這元件

注：配置域名時，需要從配置背景下載下傳校驗檔案放在域名根目錄下，驗證通過後才能配置成功。

執行個體：

1. index.wxml

點選跳轉

2. index.js

    goBaidu () {

        wx.navigateTo({

            url: '../outer/outer'

        })

    },

3. outer.wxml

4. app.json

"pages":[  

    "pages/index/index", 

    "pages/outer/outer"  

], 

報錯：

開發的時候有時會遇到如下提示：

原因是内嵌的H5頁面也是要通過微信授權才能開發的，像開發小程式一樣把自己添加到H5頁面的開發者裡面去就好了。

小程式和内嵌頁面的聯系

小程式提供了H5網頁中使用的JSSDK檔案，如下引用：

1. // javascript
2. wx.miniProgram.navigateTo({url: '/path/to/page'})

引入SDK後可以調用小程式JSSDK提供的API，雖然不如小程式原生API豐富，但也有擷取裝置網絡狀态、地理位置、微信掃一掃、搖一搖、長按識别、拍照等接口。

截止目前為止，小程式基本不能擷取網頁的資料，隻有在使用者分享的時候，可以從傳回的參數中擷取 元件目前顯示的頁面路徑。