微信小程序开发入门

一. 微信开发者工具的下载与使用

微信小程序API：基础 | 微信开放文档

微信小程序官网下载地址：微信开发者工具下载地址与更新日志 | 微信开放文档

使用调试器进行调试，清缓存要清理Storage，打包之前要进行代码质量扫描

二. 微信小程序项目目录解析

项目全局目录：

app.js   

app.json（配置页面以及导航栏，pages默认的第一个路由为初始化打开的第一个页面）  

app.wxss（全局样式）

单个页面目录（以index为例）：

index.js

index.json

index.wxml

index.wxss

三. 微信小程序集成weui

weui API：WeUI组件库简介 | wechat-miniprogram / weui

集成步骤：

1. npm init

2. npm install weui-miniprogram --save

3. 工具 -> 构建npm 

4. 重启项目

5.app.wxss 中引入weui库

@import 'miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';

6.页面json文件中引入使用的组件

{

  “usingComponents”: {

   }

}

7.模板中使用组件

四. appid全局配置修改

project.config.json文件里修改appid

五. 微信小程序登录的流程

1. 小程序  wx.login获取code，wx.request发送code 给服务端

2. 服务端  登录接口 appid + code + appsecret  发送给微信接口服务

3. 微信接口服务 返回 session_key + openid 给服务端

4. 服务端 自定义登录态，与openid,session_key关联，返回自定义登录态给小程序

5. 小程序定义登录态存入storage， wx.request发起业务请求携带自定义登录态给服务端

6. 服务端 通过自定义登录态查询openid和session_key，并返回业务数据给 小程序

注：任何通信都是彼此交互的过程，主打一个互通有无，有来有往