uni-app开发微信小程序的简要流程

uni-app开发微信小程序

开发uni-app的技术条件就是微信小程序及Vue，不熟悉vue的同学要先学习了解一下。不熟悉小程序可以直接看uni文档。https://uniapp.dcloud.io/frame
其他博客：
vue+element:https://blog.csdn.net/weixin_42618191/article/details/100586437
vue-element-admin:https://blog.csdn.net/weixin_42618191/article/details/102610157
vue常见/高级功能：https://blog.csdn.net/weixin_42618191/article/details/107487526
1. 开发工具调试

打开微信开发工具-–>设置—>安全—>开启服务端口（微信开发者工具最新版）
进入XHbuilder，点击工具—>设置，找到微信开发者工具安装目录，设置启动地址（安装插件：工具—>插件安装）
（如果是开发支付宝小程序就需要自己打开生成的代码包，运行到支付宝开发者工具的时候编译平台会提示在哪个路径）
以上设置完成后就可在代码开发后点击运行，就能自主选择运行到哪端进行查看调试了。在编辑器中进行修改后不用重新运行，小程序开发者工具会自动更新，如果没有变化，点击重新运行即可：

详细流程介绍：https://uniapp.dcloud.io/quickstart

2. 开发项目配置

项目目录的manifest.json ，配置小程序AppID等。
项目目录的pages.json，配置页面路由（pages数组），配置应用的状态栏、导航条、标题、窗口背景色（globalStyle对象）， 配置 tabBar 内容。这个开发过小程序的朋友来说是差不多的。不过uni-app的每个页面是没有自己对应json文件的，都在公共的page.json中设置。列如开启下拉刷新

官方文档有详细介绍：https://uniapp.dcloud.io/collocation/pages

3.公共文件

在components中建立公共的文件
common.js的代码地址：https://github.com/lady-mei/uni-app-common.js

在main.js中引入公共文件或方法

4. 微信登录及获取用户信息

在公共的js文件中定义登录的方法
获取用户信息进行解密的方法


其他方法后续添加。。。。。。
以上为个人开发项目的经验，有不对的或者更优方法的十分希望可以指点一二。谢谢！