c1o2c3o4的博客

今天在开发小程序的时候，提交体验版之后。在手机上查看小程序。突然无法打开，并且白屏。本地电脑开发显示正常。开始尝试了清空缓存、重新选择调试基础库、重启电脑、更新微信等方案。都没有效果。最后使用了下面得方案进行了解决。如果以上方案有效果，恭喜你。下面的方案就不用看了。

点击短信、H5、PC页面上的按钮，可以拉起微信小程序。

3、dev.config、prod.config、test.config、uat.config 不同环境的配置信息，比如URL域名，端口号等。1、common.config.js 存放的是一些公共配置信息，比如微信ID、消息订阅ID，这些数据是唯一的，没有环境区分。第一步：终端输入 npm run config 然后回车键。设置 “packNpmManually”: true。第二步：选择需要的环境，比如UAT。第二步：终端输入 npm i ,然后回车键。第三步：工具-构建npm。

这样就无法按照query参数进行判断。经过长时间排查确认，找到了解决方案。可以直接根据scene场景值进行判断，这是唯一的code。后来发现扫码进去小程序之后，关闭小程序。然后从微信顶部下拉进入小程序。这个query参数一直存在。在开发微信小程序的时候，需要区分是扫描小程序码B、小程序A拉起B、微信聊天最近使用打开B。实践证明，该场景值符合项目需求。

引用van组件的上传文件，设置预览图尺寸，刚开始设置的是preview-size=“140”，出来的效果就是一个正方形。小程序终端运行：npm install @vant/weapp@latest --save。以上操作之后，再次使用preview-size="{{[220,140]}}"就会生效。选中微信开发工具之后，在顶部菜单栏选择：工具->构建npm。上面的方案亲测有效。

2、如果小程序没有导航功能。可以使用wx.openLocation写一个导航页面功能，以便进行权限申请。所以需要申请getlocation权限的开启。体验版没有申请开启不影响使用，但是上线提审必须申请权限开启，否则无法提审。如上图所示，必须先设置主营类目。否则申请权限开启的时候，申请会自动驳回。基本满足上面两个点，就可以申请wx.getLocation权限开启。2、体验小程序必须包含导航/配送/查找附近等功能。1、发布的体验版小程序一定要有上面的功能。申请该权限需要满足两个要求。

微信小程序-分享当前页面带参数

微信小程序-自定义toast

在这里，需要实现输入框选中时，van-dropdown-menu组件需要关闭。所以在输入框组件里增加了bind:focus="onFocusClick"方法。在这个方法里面实现关闭操作。上面var()都是引用的公共样式，可以换成自己项目需要的样式。刚开始没注意官方文档的说明，现将该方法着重展示出来。在app.json或index.json中引入组件。下面是完成的使用步骤。