微信小程序(二十六)- 微信小程序开发过程的一些注意事项

93 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第26天,点击查看活动详情

本次系列文章参与八月的更文活动,记录一个微信小程序从零到有的开发过程。本文为本系列第二十六篇:微信小程序开发过程的一些注意事项

请求API接口报错

在开发过程,有时候会遇到以下报错。

image.png 其实当我们请求后台api接口时,是需要在微信公众号管理后台添加request合法域名的,否则是会报错的,具体操作如下:

image.png

image.png 但是,如果你只是想测试或者学习,不需要上线该项目,不想进行以上配置,也可以在详情->本地设置中勾选不校验合法域名,这样也不会出现报错。 但是,如果你只是想测试或者学习,不需要上线该项目,不想进行以上配置,也可以在详情->本地设置中勾选不校验合法域名,这样也不会出现报错。 image.png

小程序内嵌网页

经常我们需要在微信小程序中引入外部链接内嵌网页,铺满整个页面。官方也给我们提供这一组件

web-view

使用:

<web-view src="https://xxx.com/test.html"></web-view>

但是需要注意以下几点:

  • 在个人类型的小程序是不支持使用的。

  • 每个页面只能有一个 web-view

  • 网页内 iframe 的域名也需要配置到域名白名单。

    具体操作如下:打开微信小程序管理后台,进入开发管理->开发设置->业务域名,点击修改,然后下载检验文件放到域名根目录下,点击完成即可。(每一次配置都要下载新的校验文件)

image.png

image.png 需要注意的是:业务域名需经过 ICP 备案,新备案域名需24小时后才可配置

上传或下载文件的报错

经过上述的一二点,我们也可得知,上传和下载文件的api接口如果不进行上述配置,也会出现报错。同理,进行以下配置即可。

image.png