/wxapp-typescript-demo

小程序 typescript + tslint + prettier 构建 demo

Primary LanguageTypeScript

小程序 DEMO

  • 使用 gulp 构建（支持 typescript 和 less）
  • 使用 typescript 编译
  • 使用 tslint + prettier 格式代码规范
  • 使用小程序官方 typing 库
# 安装依赖
npm install

# 全局安装依赖
npm install gulp prettier typescript --global

# 安装 src 项目依赖
cd src
npm install
# 安装完成，需要在小程序开发工具里【工具】-【构建npm】

# 启动代码
npm run dev

# 打包代码
npm run build

项目结构

├─dist                              //编译之后的项目文件（带 sorcemap，支持生产环境告警定位）
├─src                               //开发目录
│  │  app.ts                        //小程序起始文件
│  │  app.json
│  │  app.less
│  │
│  ├─assets                     	//静态资源
│     ├─less						//公共less
│     ├─img						    //图片资源
│  ├─components                     //组件
│  ├─utils                           //工具库
│  ├─config                           //配置文档
│     ├─cgi-config.ts                //cgi接口配置
│     ├─global-config.ts                //全局配置
│  ├─pages                          //小程序相关页面
│
│  project.config.json              //小程序配置文件
│  gulpfile.js                      //工具配置
│  package.json                     //项目配置
│  README.md                        //项目说明
│  tsconfig.json                     //typescript配置
│  tslint.json                     //代码风格配置

公共库使用说明

utils/request

通用请求，处理包括 session 过期自动拉取登录接口续期等逻辑。（适用于有单个登录接口来获取 session 的场景） 使用方式：

  1. 在config/global-config.ts文件里，更新SESSION_KEY的值（后台接口协议返回 key，例如"sessionId"）。
  2. 如果有其他需要全局携带的参数，需要在utils/request/index.ts文件里，dataWithSession中带上。
  3. 在config/global-config.ts文件里，更新LOGIN_FAIL_CODES的值（错误码若为该数组中的一个，则会重新拉起登录，再继续发起请求）。