微信小程序外链HTML，如何实现？

• 2023年6月17日 am10:32 • 外链发布心得

微信小程序外链HTML，如何实现？

什么是微信小程序外链HTML？

微信小程序外链HTML是指在微信小程序中使用HTML标签嵌入其他网站的内容，让用户可以直接在小程序中浏览其他网站的内容，而不需要跳转到其他网站。

为什么需要微信小程序外链HTML？

微信小程序外链HTML可以让用户更方便地浏览其他网站的内容，提升用户体验。此外，对于一些需要展示第三方内容的小程序，如购物类小程序，外链HTML也可以提供更多商品展示和介绍的空间。

如何实现微信小程序外链HTML？

实现微信小程序外链HTML需要使用小程序的WebView组件。WebView组件是小程序提供的一种嵌入网页的组件，可以加载其他网站的内容。在小程序中使用WebView组件，可以实现外链HTML。

实现步骤如下：

在小程序的json文件中添加WebView组件：

\"usingComponents\": {
\"web-view\": \"@wechat/weui-miniprogram/web-view\"
}

在小程序的wxml文件中添加WebView组件：
在小程序的wxss文件中设置WebView组件的样式：

web-view {
width: 100%;
height: 100%;
}

在小程序的配置文件中添加域名白名单：

\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request\": 10000,
\"connectSocket\": 10000,
\"uploadFile\": 10000,
\"downloadFile\": 10000
},
\"debug\": true,
\"pages\": [
\"pages/index/index\"
],
\"window\": {
\"backgroundTextStyle\": \"light\",
\"navigationBarBackgroundColor\": \"#fff\",
\"navigationBarTitleText\": \"WeChat\",
\"navigationBarTextStyle\": \"black\"
},
\"tabBar\": {
\"list\": [
{
\"pagePath\": \"pages/index/index\",
\"text\": \"首页\"
}
]
},
\"networkTimeout\": {
\"request

以上所转载内容均来自于网络，不为其真实性负责，只为传播网络信息为目的，非商业用途，如有异议请及时联系btr2020@163.com，本人将予以删除。

THE END

html 外链微信

二维码

微信小程序外链

< <上一篇

微信小程序外链产品大全

下一篇>>

搜索内容

微信小程序外链HTML，如何实现？