微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)

注释

即上一篇:微信web开发者工具的下载与安装及创建项目我们创建了一个项目并介绍了各个文件代表的意义。
今天这篇文章主要为大家详细介绍微信小程序云开发之新手环境配置,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

一.云开发配置环境

  • 我们知道创建完项目会出现如下界面
    微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)_第1张图片
    (1)首次进入控制台会报cloud init error (云初始化错误)。
    微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)_第2张图片
    (2)微信的左上角调试器旁边有一个云开发,在这里我们点击云开发。

微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)_第3张图片
(3)提示开通云开发点击开通,出现如下界面
微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)_第4张图片
(4)填写好后点击确定(等待初始化)
微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)_第5张图片
(5)创建完成之后会弹出这样一个界面(第一次开通里面数据都是0)
微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)_第6张图片
(5)开通完之后并不能马上使用云服务要等上大约10分钟控制台中才不报错
在这里插入图片描述
这样就开通云开发了。下一步测试云开发

二.测试云开发

1.1获取openid

(1)首先我们点击”点击获取 openid “文字,发现控制台报错:
微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)_第7张图片
(2)在跳转的页面我们发现了官方的提示,请检查login云函数是否部署.
微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)_第8张图片
(3)点击目录中cloudfunctions文件夹右击选择更多设置,选择刚刚创建的云函数

微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)_第9张图片
(4)这个时候点击获取openid还是会提示创建云函数报错
(5)错误原因:我们在这里了调用云函数了,但是云端上并没有叫login的云函数,这时候我们只需要点击cloudfunctions文件夹下的login右击选择创建并部署:云端依赖即可。
微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)_第10张图片
微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)_第11张图片
微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)_第12张图片
(6)上传之后你会发现又会报一个错误(未选择环境)

微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)_第13张图片
(7)选择环境之后再创建部署云函数就不报错啦
微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)_第14张图片
微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)_第15张图片

1.2依次进行测试

微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)_第16张图片
(1)点击快速新建云函数按照步骤测试即可
微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)_第17张图片
(2)前端操作数据库依次测试
微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)_第18张图片
(3)即时通信demo介绍根据步骤照做即可

微信小程序开发(基础)——微信小程序云开发之新手环境配置(开通云开发,测试云开发详解)_第19张图片

总结:好啦这一篇有点长主要是细节问题,下一篇持续更新微信小程序项目。

你可能感兴趣的:(微信小程序开发)