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


Posted in Javascript onOctober 30, 2018

写在前边

微信小程序的云开发功能刚刚上线,笔者小试一把,看看是不是真的可以一人搞定小程序的开发,而不需要再去伺候一个后台了,虽然不难,但是还是废了一些周折,特此记录一下,旨在帮助大家真正快速部署成功,可以潜心研究他的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错误我在文档中暂时还未找到,如果有找到的同僚路过请告知!

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

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

Javascript 相关文章推荐
javascript 闭包疑问
Dec 30 Javascript
页面回到顶部的三种实现(锚标记,js)
Oct 01 Javascript
JavaScript:Div层拖动效果实例代码
Aug 06 Javascript
Jquery判断$("#id")获取的对象是否存在的方法
Sep 25 Javascript
浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结
Mar 16 Javascript
jquery分页插件jquery.pagination.js使用方法解析
Apr 01 Javascript
搭建Bootstrap离线文档的方法
Dec 02 Javascript
微信小程序开发之animation循环动画实现的让云朵飘效果
Jul 14 Javascript
基于vue-draggable 实现三级拖动排序效果
Jan 10 Javascript
JS中间件设计模式的深入探讨与实例分析
Apr 11 Javascript
vue 中this.$set 动态绑定数据的案例讲解
Jan 29 Vue.js
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
Jun 29 Javascript
傻瓜式解读koa中间件处理模块koa-compose的使用
Oct 30 #Javascript
微信小程序实现单选功能
Oct 30 #Javascript
基于vue2.0实现仿百度前端分页效果附实现代码
Oct 30 #Javascript
小程序实现多选框功能
Oct 30 #Javascript
vue-cli项目配置多环境的详细操作过程
Oct 30 #Javascript
详解微信小程序中组件通讯
Oct 30 #Javascript
vue移动端项目缓存问题实践记录
Oct 29 #Javascript
You might like
php 使用file_get_contents读取大文件的方法
2014/11/13 PHP
php文件操作相关类实例
2015/06/18 PHP
PHP编程中尝试程序并发的几种方式总结
2016/03/21 PHP
PHP实现简单实用的分页类代码
2016/04/08 PHP
js资料toString 方法
2007/03/13 Javascript
jquery动态加载js三种方法实例
2013/08/03 Javascript
JS保留两位小数,多位小数的示例代码
2014/01/07 Javascript
兼容主流浏览器的iframe自适应高度js脚本
2014/01/10 Javascript
JS控制表格实现一条光线流动分割行的方法
2015/03/09 Javascript
JavaScript实现简单的数字倒计时
2015/05/15 Javascript
JQuery中上下文选择器实现方法
2015/05/18 Javascript
浏览器兼容的JS写法总结
2016/04/27 Javascript
jquery实现网站列表切换效果的2种方法
2016/08/12 Javascript
JS实现太极旋转思路分析
2016/12/09 Javascript
vue.js 获取当前自定义属性值
2017/06/01 Javascript
angular中实现li或者某个元素点击变色的两种方法
2017/07/27 Javascript
微信小程序实现购物车小功能
2020/12/30 Javascript
[00:35]TI7不朽珍藏III——寒冰飞龙不朽展示
2017/07/15 DOTA
合并Excel工作薄中成绩表的VBA代码,非常适合教育一线的朋友
2009/04/09 Python
python re的findall和finditer的区别详解
2020/11/15 Python
HTML5中视频音频的使用详解
2017/07/07 HTML / CSS
美国最流行的男士时尚网站:Touch of Modern
2018/02/05 全球购物
印尼综合在线预订网站:Tiket.com(机票、酒店、火车、租车和娱乐)
2018/10/11 全球购物
kfc实习自我鉴定
2013/12/14 职场文书
婚庆公司的创业计划书
2014/01/22 职场文书
教师研修随笔感言
2014/01/23 职场文书
索桥的故事教学反思
2014/02/06 职场文书
函授药学自我鉴定
2014/02/07 职场文书
总会计师岗位职责
2014/02/19 职场文书
关于环保的建议书400字
2014/03/12 职场文书
2014年学校法制宣传日活动总结
2014/11/01 职场文书
党员年终个人总结
2015/02/14 职场文书
小学中队活动总结
2015/05/11 职场文书
研究生论文答辩开场白
2015/05/27 职场文书
穆斯林的葬礼读书笔记
2015/06/26 职场文书
php去除deprecated的实例方法
2021/11/17 PHP