入手小程序走过的坑

想开发个小程序体验一下，于是就开启了小程序之路，顺便把遇到的坑记录一下

1、下载安装最新版的小程序开发工具后，新建项目，输入appid后，appid变为红色，一直提示请输入appid，各种尝试，都不行，于是把开发工具降一个版本，问题解决，但是只能创建小游戏模板。

查了各种资料，原来在小程序的 服务范围内 ，如果选择了“游戏”就只能开发小游戏了，这个服务范围是改不回小程序的，只能重新注册小程序。

于是又注册了一个小程序，可以创建小程序模板了。

那么想到新版本上appid变为红色也与此有关，把开发工具重新升到最新版，一切OK。

所以，新建项目，输入appid后，appid变为红色，以及只能创建小游戏而不能创建小程序的问题，都是因为小程序公众号上的服务范围选择不当所致，目前小游戏和小程序不能切换，只能重新注册。

2、创建了云开发模板，立马着手调试一下，点击获取openID，不出意外，报错：operateWXData:fail invalid scope ，又碰到坑了。

按照调试窗口的提示，开通云服务—>在cloudfunctions上右键选择开发环境—>在cloudfunctions/login文件夹上右键点创建并部署（第一次是创建并部署，后面就是上传并部署了），然后点击重新调试，但问题依旧，刚入手小程序，什么都不懂怎么办呢，根据度娘上https://blog.csdn.net/jch923798729/article/details/82718480的指导，初始化一下云函数 ，在login/index.js加一句：

wx.cloud.init()

重新运行，完美。（然后再把这句注释掉，重新运行还是一切正常，所以搞不清楚这句究竟起了什么作用，没注意是不是在配置里生成了语句）。后续：在云开发文档里有提到，“在调用云开发各 API 前，需先调用初始化方法 init 一次（全局只需一次）”

3、小程序.wxss文件里，背景图片不能使用本地路径，可以使用网络路径或者base64图片。在wxml中，直接属性的background里可以用本地图片，或者使用image来做背景（推荐）。

 

4、tabbar注意事项

    a、图片官方建议是81px*81px，如果按照这么大去做的话，会比较难看，其实画布可以按81*81，图小点，具体的怎么调整着看多大效果最好。

    b、tabbar设置了不显示。tabbar中list的地址中必须有一个要在pages数组的第一项，如果首页不在list里面，当然无法渲染出来的。

    c、有些页面并不在tabbar的list页面里面，为什么页面底部也显示tabbar呢？如果从一级页面 redirectTo到其他页面，会发现即使其他页面没有在 TabBar定义的列表里也会显示TabBar，该如何解决？

【解决办法】假如当前也是一级页面，到希望跳转到的页面不要有Tabbar时，不要使用 redirectTo而是使用 navigateTo就可以了。

 

5、app.json中，window块中backgroundColor的颜色是窗口而非page的背景色，即页面可以下拉或上弹时，拉出来的那部分才显示的是窗口的部分。如果改变page背景色的话，还是写在wxss中吧，如page{color:red;}

 

6、云数据库 里创建了集合，但就是查不到记录。同样示例引导时，创建的counters就可以。为什么呢，这是因为创建的集合权限没有给所有用户读权限，设置一下就可以了。而示例中的可以，是因为示例中获取的你的身份信息，点了添加记录后，你属于创建者，所以可以是可以操作的。