uni.app学习笔记

request.js前言

本文基于 HBuilderX 3.1.22 + 微信开发者工具 1.05.2106300为主要内容进行说明。

文档版本：1.0.2

一、准备

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝）、快应用等多个平台。

1.1 软件安装

创建uni-app有两种，一个是通过 HBuilderX 可视化界面，另一个是通过vue-cli命令行。本文档以HbuilderX为创建说明，以微信开发者工具进行运行项目和代码说明。

HbuilderX 下载地址：https://www.dcloud.io/hbuilderx.html

HbuilderX 文档地址：https://hx.dcloud.net.cn/Tutorial/startup

微信开发者工具下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

HbuilderX安装结束后，一般需要下载开发项目需要的插件，选择工具-->插件安装-->安装或去市场插件查找下载，然后放到目录下的uni_modules文件夹（安装时候自动生成），如scss/sass编译，App真机运行等。

微信开发者工具安装结束后，在工具栏上选择 设置-->通用设置-->安全-->打开服务端口。

其次，在微信开发者平台(https://open.weixin.qq.com/)注册开发者账号，找到自己的开发ID，AppId，并记录好，为项目从HbuilderX运行到微信开发者工具做准备。

然后，在微信公众平台(https://mp.weixin.qq.com/)注册对应的账号，比如本次注册的是小程序，则微信开发者APPID如下图中找到：

  接着配置微信开发者工具的AppId，在微信开发者工具界面点击右上角详情-&g