微信小程序云开发的基础之开通云开发

1.文件夹结构功能

.wxml:类HTML，页面结构
.wxss:CSS，页面样式
.js:js,页面逻辑
.json:小程序自己的配置

2.页面主体pages文件

在app.json里面pages里哪个页面代码在第一行哪个就在小程序启动的时候显示
调换位置的效果如下：

pages里的about文件夹里小文件都要和文件名保持一致，创建一个about文件夹，在app.json里会自动增加如下代码

如果加上下面的那行代码，没有创建文件夹，他就会给你自动创建一个名叫about的文件夹

3.关于wxss

样式导入：使用@import导入外联样式表，用；表示语句结束
在wxss里面可以引入另外一个wxss

wxss的尺寸单位
rpx:可以根据屏幕的宽度自动进行自适应
1rpx=0.5px=1物理像素
建议：开发小程序时用iPhone6作为标准

4.新建项目

点击新建项目

进入项目名称目录页面

选择文件目录，新建项目文件夹，选择文件夹

选择完以后项目名称就自动变了

AppID必须填，不填，是不支持云开发的
登录微信公众平台，进行扫码登录

把AppID找到，也可以把AppID存起来，保存到本地，以后每次使用就不用再来登录找AppID了
进入到小程序

点击开发

然后点击开发设置

就看到AppID了

复制到下面

后端服务选择云开发

然后点击新建，就创建完成了，部署好的页面效果

左侧的为案例，云开发都支持哪些功能，这些功能该如何使用，通过案例可以熟悉如何使用云开发

会发现控制台提示一个错误

点击云开发

然后 弹出一个界面

点击开通，确定开通

出现创建环境界面

环境名称：建议 项目开发中的项目叫什么这里叫什么
或自动生成一个环境ID，这个ID是唯一的，说明是你的环境

然后点击确定之后，开始用云开发

创建完成之后的效果

创建完成之后 ，并不能马上使用，重新编译一下，发现错误还是存在的

	注：AppID首次开通环境后，需要等待10分钟才可以正常使用云API，在此期间官方后台服务正在准备服务，如尝试在小程序中调用云API则会报 cloud init error:  Error: invalid scope的错误

所以，需要静等10分钟，快的话可能也就2,3分钟

然后云开发服务就开通了

5.获取openid

openid是用户的一个唯一标识
点击下面获取openid选项

第一次使用，发现又一个错误出现了

原因分析
通过代码观察，发现 此按钮对应的事件代码如下

但是我们刚刚开通的云开发，云环境中，还没有任何云函数
解决方案
创建云函数（需要先选择云环境）

然后再点login上传云函数
刷新云函数就发现有数据了

然后清除控制台错误‘
重新点击获取openid,就创建成功了

6.新增云函数

右键新建云函数名为sum
里面有三个文件

在index.js编写代码

在cloudfunctions/sum目录上右键上传并部署
在云开发控制台查看sum是否上传成功

然后点击测试云函数测试，调用成功，出现调用结果