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

目录

  • 一、微信小程序打开外部web链接
  • 二、微信小程序配置服务器域名
  • 三、踩坑

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

3步搞定法
1、在设置->项目设置中勾选不校验合法域名...,方便调试
微信小程序开发(四)打开web网页_第1张图片
2、在index.wxml删掉里面内容,改为:

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

3、在左侧可以在小程序里看到我们的外部web链接了
微信小程序开发(四)打开web网页_第2张图片

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

附:若要配置域名则需要登录 微信公众号平台 ,点击开始配置即可
微信小程序开发(四)打开web网页_第3张图片微信小程序开发(四)打开web网页_第4张图片

三、踩坑

当我真机调试时,出现:
微信小程序开发(四)打开web网页_第5张图片

查阅小程序服务后发现:

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

你可能感兴趣的:(#,微信小程序)