使用 “apifm-wxapi” 快速开发小程序

步骤

一、安装apifm-wxapi

1、npm init初始化项目

　　先你需要检查一下你的小程序项目是否支持 npm ，判断标准很简单，你看一下你的小程序根目录下有没有 “package.json” 这个文件，有这个文件，说明是支持的，没有这个文件，说明还不支持；

如果你的小程序项目还不支持 npm ，怎么办呢？ 很简单，只要在根目录运行 npm init 命令就可以了；

　　将我们在项目开发中所要用到的包，以及项目的详细信息等记录在这个项目中。方便在以后的版本迭代和项目移植的时候会更加的方便。也是防止在后期的项目维护中误删除了一个包导致的项目不能够正常运行。使用npm init初始化项目还有一个好处就是在进行项目传递的时候不需要将项目依赖包一起发送给对方，对方在接受到你的项目之后再执行npm install就可以将项目依赖全部下载到项目里。话不多说我们就直接开始进行操作。

　　执行npm init是需要在DOS窗口执行的，我们可以windows+r键来打开窗口，然后输入CMD执行，然后就可以打开DOS窗口了。打开窗口之后，在DOS窗口中进入自己项目所在的目录。

　　进入到项目所在的目录之后我们就可以直接执行npm init,执行了npm init之后,会让我们填写一些配置信息，如果还不知道怎么填写的话可以一路回车。

package name: 你的项目名字叫啥
version: 版本号
description: 对项目的描述
entry point: 项目的入口文件（一般你要用那个js文件作为node服务，就填写那个文件）
test command: 项目启动的时候要用什么命令来执行脚本文件（默认为node app.js）
git repository: 如果你要将项目上传到git中的话，那么就需要填写git的仓库地址（这里就不写地址了）
keywirds： 项目关键字（我也不知道有啥用，所以我就不写了）
author: 作者的名字（也就是你叫啥名字）
license: 发行项目需要的证书（这里也就自己玩玩，就不写了）

如下：

D:\project\wechatProjects\zwh-wechat>npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help json` for definitive documentation on these fields
and exactly what they do.

Use `npm install <pkg>` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
package name: (zwh-wechat) zwh-wechat
version: (1.0.0)
description: myproject
entry point: (app.js)
test command:
git repository:
keywords:
author: zwh
license: (ISC)
About to write to D:\project\wechatProjects\zwh-wechat\package.json:

{
  "name": "zwh-wechat",
  "version": "1.0.0",
  "description": "myproject",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "zwh",
  "license": "ISC"
}


Is this OK? (yes) yes

D:\project\wechatProjects\zwh-wechat>

打开package.json文件，如下所示：

{
  "name": "zwh-wechat",
  "version": "1.0.0",
  "description": "myproject",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "zwh",
  "license": "ISC"
}

2、npm安装模块apifm-wxapi

命令：

npm install apifm-wxapi

安装后，package.json中如下所示:

{
  "name": "zwh-wechat",
  "version": "1.0.0",
  "description": "myproject",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "zwh",
  "license": "ISC",
  "dependencies": {
    "apifm-wxapi": "^3.61.0"
  }
}

3、构建 npm

点击微信小程序开发工具–> 工具 --> 构建 npm

二、如何使用apifm-wxapi

功能说明文档：https://github.com/gooking/apifm-wxapi/blob/master/instructions.md

1、在需要的页面的 js 文件头部引入 “apifm-wxapi”

const WXAPI = require('apifm-wxapi')

2、直接调用 “apifm-wxapi” 提供的方法直接取数据

你根本不用关心数据哪里来，要什么数据，直接拿就OK！

onLoad(options) {
    WXAPI.province().then(res => {
      console.log('请在控制台看打印出来的数据：', res)
  })
}

结果如下: