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


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 style 中visibility和display之间的区别
Jan 22 Javascript
javascript instanceof 内部机制探析
Oct 15 Javascript
关于javascript function对象那些迷惑分析
Oct 24 Javascript
自动刷新网页,自动刷新当前页面,JS调用
Jun 24 Javascript
Javascript 实现的数独解题算法网页实例
Oct 15 Javascript
JS实现鼠标单击与双击事件共存
Mar 08 Javascript
JavaScript包装对象使用详解
Jul 09 Javascript
node.js回调函数之阻塞调用与非阻塞调用
Nov 13 Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
Dec 08 Javascript
jQuery实现表格与ckeckbox的全选与单选功能
Nov 24 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
May 08 Javascript
浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法
Jul 24 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 导出Excel示例分享
2014/08/18 PHP
smarty简单分页的实现方法
2014/10/27 PHP
微信随机生成红包金额算法php版
2016/07/21 PHP
[原创]php集成安装包wampserver修改密码后phpmyadmin无法登陆的解决方法
2016/11/23 PHP
PHP删除数组中指定值的元素常用方法实例分析【4种方法】
2018/08/21 PHP
express的中间件bodyParser详解
2014/12/04 Javascript
原生JS实现响应式瀑布流布局
2015/04/02 Javascript
JS处理json日期格式化问题
2015/10/01 Javascript
完美解决IE9浏览器出现的对象未定义问题
2016/09/29 Javascript
jQuery日程管理控件glDatePicker用法详解
2017/03/29 jQuery
vue实现表格数据的增删改查
2017/07/10 Javascript
Node.js自定义实现文件路由功能
2017/09/22 Javascript
vue实现模态框的通用写法推荐
2018/02/26 Javascript
Vue 项目中遇到的跨域问题及解决方法(后台php)
2018/03/28 Javascript
JavaScript函数节流和函数去抖知识点学习
2018/07/31 Javascript
JS实现根据指定值删除数组中的元素操作示例
2018/08/02 Javascript
vue2.0实现列表数据增加和删除
2020/06/17 Javascript
Java与Python两大幸存者谁更胜一筹呢
2018/04/12 Python
Python代码打开本地.mp4格式文件的方法
2019/01/03 Python
使用PyQtGraph绘制精美的股票行情K线图的示例代码
2019/03/14 Python
python把转列表为集合的方法
2019/06/28 Python
Flask框架实现的前端RSA加密与后端Python解密功能详解
2019/08/13 Python
python对常见数据类型的遍历解析
2019/08/27 Python
python中判断文件结束符的具体方法
2020/08/04 Python
浅谈css3中的前缀
2016/07/20 HTML / CSS
CSS3实现多样的边框效果
2018/05/04 HTML / CSS
施华洛世奇德国官网:SWAROVSKI德国
2017/02/01 全球购物
Carter’s OshKosh加拿大:购买婴幼儿服装和童装
2018/11/27 全球购物
Nisbets法国:英国最大的厨房和餐饮设备供应商
2019/03/18 全球购物
一道Delphi上机题
2012/06/04 面试题
小学生读书感言
2014/02/12 职场文书
领导班子对照检查材料
2014/09/22 职场文书
质监局领导班子践行群众路线整改方案
2014/10/26 职场文书
导游词格式
2015/02/13 职场文书
天堂的孩子观后感
2015/06/11 职场文书
解决pytorch-gpu 安装失败的记录
2021/05/24 Python