前言:

        不知不觉已经写了两天小程序。从开始的一脸懵逼，到后来跌跌撞撞写页面、交互、调用云函数接入系统，我感觉有必要精炼提纯下内容 （有时间的话肯定要翻一遍官网手册啦。。。）

        本文主要以云函数login为例（获取用户oppenid位置）。其他算是附带

目标:

        半小时内掌握小程序基础开发流程

适用人群:

        有一定vue基础，且时间不充裕

---

目录结构：

        pages目录下，一个文件夹就是一个小程序的页面

        以上图为例：

        index.wxml   类似于vue中template  

        index.json   页面的配置信息

        index.wxss   类似于vue中<style scoped>

        index.js     <script></script>

        这里注意，新建完成之后需要在app.json中加入该页面

---

组件：

        小程序中没有div，使用view代替。更多容器请参考官网链接        

        https://developers.weixin.qq.com/miniprogram/dev/component/movable-view.html 

---

生命周期:

        利用options接收url传递过来的参数。使用setData（异步）修改this.data值

---

请求与跳转：

        发送ajax请求请参考官方文档

        https://developers.weixin.qq.com/miniprogram/dev/api/network/request/wx.request.html

---

行为与授权：

https://developers.weixin.qq.com/miniprogram/dev/api/open-api/authorize/wx.authorize.html

云函数（以login函数获取用户oppenid为例）：

        1 点击云开发按钮

        2 点击开通并填写 环境名称和环境id

        3 project.config.json中定义云函数目录

        4 给cloudfunctions选择你刚才新建的环境

        5 app.js 文件填写云环境id初始化

        6 此时你的环境已经基本配好。按照官网的demo，你应该能获得结果

        https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/functions/getting-started.html

        7 但是对于某些复杂的函数来说，你还需要安装依赖。选择云函数，上传并部署云端安装依赖

        8 终端打开，本地安装依赖

        npm install --save wx-server-sdk@latest （这里以wx-server-sdk为例子）

        9 上传并部署所有文件

        10 完美获取用户oppenid