微信小程序开发(四)打开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>,我佛了,转公众号和服务号吧。
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序开发需要首先注册一个小程序账号,并将开发人员的微信号添加到项目成员中。只有添加到小程序项目成员的人员才可以使用微信小程序开发工具进行小程序开发、调试、上传程序包等功能。建议将全部研发人员加入到项目成员中,而项目组的其他非开发人员若需要体验小程序功能则需要添加到体验成员中。\[1\] 在注册小程序账号后,开发者可以登录微信小程序管理后台,完成小程序开发者绑定和开发信息配置。然后可以下载开发者工具,使用开发者工具进行小程序的开发微信小程序可以单独注册申请,也可以通过微信公众号快捷申请注册。对于没有公众号和小程序的商家来说,正确的申请注册流程应该是先申请认证公众号,然后在公众号管理后台的【小程序管理】面快速申请小程序。\[2\] 微信小程序开发配置相对简单,开发者可以申请小程序的测试号,并使用该账号在开发者工具创建项目并进行开发测试,以及真机预览体验。测试号的申请地址为:https://mp.weixin.qq.com/wxamp/sandbox?doc=1\[2\] 微信小程序相对于传统的Native App具有一些优势和不足。微信小程序已经做好了安卓和IOS的兼容,开发微信小程序后既能在安卓手机上使用,也能在IOS手机上使用。另外小程序不需要下载安装,通过扫一扫就能直接使用。但相对于App,微信小程序在扩展性和用户体验方面有一些限制。微信小程序的功能受限于微信客户端提供的API,而App可以全方位访问原生系统提供的API。此外,App安装在手机客户端,不需要从服务器加载,减少了应用加载的时间,而微信小程序需要打开微信客户端才能使用,用户难以快速发现并打开小程序。总体来说,微信小程序适合用户体验要求不高的应用,基本上适合Web应用的都可以用小程序来实现。\[3\] #### 引用[.reference_title] - *1* *2* *3* [微信小程序开发实战1 微信小程序开发概述](https://blog.csdn.net/gz_hm/article/details/124195902)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值