小程序云开发部署攻略(图文教程)

所属分类: 网络编程 / JavaScript 阅读数: 1053
收藏 0 赞 0 分享

写在前边

微信小程序的云开发功能刚刚上线,笔者小试一把,看看是不是真的可以一人搞定小程序的开发,而不需要再去伺候一个后台了,虽然不难,但是还是废了一些周折,特此记录一下,旨在帮助大家真正快速部署成功,可以潜心研究他的api,减少各位大佬的磨刀时间。打官腔的话就不多说了,官方文档的措辞已经很优美了,云开发官方文档

step1,更新微信开发者工具至最新版

这里注意一下,不要在微信开发者工具上边直接检测更新,因为目前检测出来的并不是最新版本,当然也不具备云开发的能力,有图为证:

 

官网更新的版本是这样的

 

所以这里就不能直接升级了,而是要卸载原来的开发者工具,重新下载安装了,一定要卸载原来旧版本,再来安装新版本,不然你有可能装不上,就像下边这样

 

在下在测试的时候卸载过后其实也没有安装成功,于是乎,就用了一个很low的做法,直接重启电脑,换了一个盘进行安装,你当然不必非要做的这么绝,只是我是半夜做的这个事情,身边也没有个程序员鼓励师,心情本来就不美,见谅就好,总之这样安装是成功了,接下来就是部署问题了;

step2,云开发能力部署

当你成功升级了开发者工具之后,新建一个空项目或者打开你原本就有的项目,此处其实还是和之前一样,不一样的是打开之后你会惊喜的发现,在工具左上方多出一个“云开发”的按钮,这也是新版工具安装成功的标志。提醒一下,如果你是新建项目,一定要填写APPID,不能选无APPID,不然是使用不了云开发的,不要问什么了,耶稣来了也不行,腾讯说的。

 

点进去进入云开发控制台,

 

这里就是你的服务器管理空间了,主要是这里的数据库管理和存储管理,容当后凑!

step3,获取用户openId

此时我们已经打开了一个具备云开发能力的小程序项目,大概长这个样子:

 

当你开通云服务的同时,也会让你给当前项目工程配置数据库的环境,并给你生成一个环境ID,这是需要记录并注意的,要注意的就这个环境名字是你自己写的,官方并没有限制名字长度,但是你一定不要写太长,6-8位也就差不多够意思了,不然可能你生成的环境ID可能会用不了,并且环境ID只能生成两个,我还没看到怎么删除,所以还是慎重一点,不要在这里浪费时间。

 

以上配置完成后,编译一下我们的代码,可以看到还要一个东西没有部署,那就是云函数部署

 

云函数是一段运行在云端的代码,无需管理服务器,在开发工具内编写、一键上传部署即可运行后端代码。
小程序内提供了专门用于云函数调用的 API。开发者可以在云函数内获取到每次调用的上下文(appid、openid 等),无需维护复杂的鉴权机制,即可获取天然可信任的用户登录态(openid)。
首先,在你的app.js全局配置

 wx.cloud.init({
  env: 'ytf0422-f489de',
  traceUser: true,
  })

右键你login文件夹选择上传并部署,此时就会发现,你的用户openID可以获取到了。

操作数据库

至此,其实我们已经完全搭配好了一个具备云开发的小程序模板,接下来就是漫长的调用api的过程了,关于数据库的操作,文档中也有详细的示例和说明,只是这里还有一个问题悬而未决,就是在云开发管理后台新增json文件的时候,创建没有问题,但是上传一直有问题,上传json文件一直报错:

/wx/database?action=getCollectionList 请求失败: 100003, Database Authorization Not Found:l5 get route fail: not found

这个100003错误我在文档中暂时还未找到,如果有找到的同僚路过请告知!

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

AngularJs IE Compatibility 兼容老版本IE

本文主要介绍AngularJs IE Compatibility 兼容老版本IE的问题及解决办法,有兴趣的小伙伴可以参考下
收藏 0 赞 0 分享

AngularJs Modules详解及示例代码

本文主要介绍AngularJs Modules的相关知识,这里整理了详细的资料及简单示例代码,有兴趣的朋友可以参考下
收藏 0 赞 0 分享

AngularJs Scope详解及示例代码

本文主要介绍AngularJs Scope的知识,这里整理了详细资料及示例代码,有兴趣的小伙伴可以参考下
收藏 0 赞 0 分享

node.js中module.exports与exports用法上的区别

Node.js 引入了模块(Module)概念,一个模块可以通过module.exports 或 exports 将函数、变量等导出,以使其它 JavaScript 脚本通过require() 函数引入并使用。那么node.js中module.exports与exports有什么
收藏 0 赞 0 分享

基于JS实现发送短信验证码后的倒计时功能(无视页面刷新,页面关闭不进行倒计时功能)

这篇文章主要介绍了基于JS实现发送短信验证码后的倒计时功能(无视页面刷新,页面关闭不进行倒计时功能)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)

最近做了一个项目,其中有需求要求实现发送短信验证码后倒计时功能,其中有个难点:要求关闭页面也进行倒计时。好吧,下面小编把jquery 发送验证码倒计时的实现代码分享给大家,大家可以参考下
收藏 0 赞 0 分享

js绘制购物车抛物线动画

这篇文章主要为大家详细介绍了js绘制购物车抛物线动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

vue.js入门教程之绑定class和style样式

小编之前介绍了通过vue.js计算属性,不知道大家都学会了吗。那这篇文章中我们将一起学习vue.js实现绑定class和style样式,有需要的朋友们可以参考借鉴。
收藏 0 赞 0 分享

纯JS实现可拖拽表单的简单实例

下面小编就为大家带来一篇纯JS实现可拖拽表单的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

js实现StringBuffer的简单实例

下面小编就为大家带来一篇js实现StringBuffer的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享
查看更多