目錄

• 前言
• 創建小程序
• 寫入網頁
• 添加業務域名
• 尾言

前言

有些人有某種需求，我已經制作了網站，可不可以直接做成小程序？不必用小程序語法重寫一遍。

當然可以，我們只需要將網頁嵌入小程序就好了，十分簡單，使用 web-view。

創建小程序

詳見小程序入門開發攻略創建小程序部分：小程序開發攻略。

寫入網頁

我們可以將網站引入，將模板代碼刪除或注釋，覆蓋模板首頁。

注意：

web-view 引入的網頁必須是 https 協議。

網頁必須備案過。

pages/index/index.wxml

<!--index.wxml--> <view class="container"><web-view src="https://xxxxx.com"></web-view><!-- <view class="userinfo"><block wx:if="{{canIUseOpenData}}"><view class="userinfo-avatar" bindtap="bindViewTap"><open-data type="userAvatarUrl"></open-data></view><open-data type="userNickName"></open-data></block><block wx:elif="{{!hasUserInfo}}"><button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 獲取頭像昵稱 </button><button wx:elif="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 獲取頭像昵稱 </button><view wx:else> 請使用1.4.4及以上版本基礎庫 </view></block><block wx:else><image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image><text class="userinfo-nickname">{{userInfo.nickName}}</text></block></view><view class="usermotto"><text class="user-motto">{{motto}}</text></view> --> </view>

添加業務域名

我們會發現即便自己的網頁是 https 協議且備案過，訪問的時候也會提示你：非業務域名。

我們需要登錄微信公眾平臺：微信公眾平臺。

進入自己的小程序管理，左邊菜單選擇 開發->開發管理，然后上方選擇開發設置。

往下滑找到業務域名。

將我們要引入的網站域名添加進去。

注意：添加時可能需要下載一個 txt 授權文件到你的網站域名下，只要能確保可以通過域名 https://xxxxxxx.com/授權文件.txt 訪問到該文件就 ok 了。

添加成功就大功告成啦。

尾言

如果覺得文章對你有幫助的話，歡迎點贊收藏哦，有什么錯誤或者意見建議也可以留言，感謝~

總結

以上是生活随笔為你收集整理的如何在小程序中嵌入网页或者网站（web-view）？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。