微信小程序开发(四)打开web网页

一、微信小程序打开外部web链接

3步搞定法
1、在设置->项目设置中勾选不校验合法域名...,方便调试
在这里插入图片描述
2、在index.wxml删掉里面内容,改为:

<view class="container">
 <web-view src="http://www.cungudafa.top/">
 </web-view>
</view>

3、在左侧可以在小程序里看到我们的外部web链接了
在这里插入图片描述

二、微信小程序配置服务器域名

附:若要配置域名则需要登录 微信公众号平台 ,点击开始配置即可
在这里插入图片描述在这里插入图片描述

三、踩坑

当我真机调试时,出现:
在这里插入图片描述

查阅小程序服务后发现:

  • 注意的是web-view的src必须配置https协议的链接
  • <web-view>会默认铺满屏
  • 个人小程序不支持<web-view>,我佛了,转公众号和服务号吧。

猜你喜欢

转载自blog.csdn.net/cungudafa/article/details/88091089