快捷搜索: 王者荣耀 脱发

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

检查是否安装npm开发环境

在dos命令窗口输入命令:

nmp -v

你将能看到你当前安装的 npm 的版本号,如果提示 npm 命令没找到,则说明你还没有安装 npm ,请按照以下章节安装 npm。

安装npm

前往官网 () 下载并安装适合你的版本

你也可以自行百度: “如何安装npm环境”

初始化npm项目

打开小程序项目目录

在路径输入框输入cmd按回车进入dos命令窗口

执行npm命令

输入命令:

npm init

一直敲回车,在最后输入yes

到此为止,你的项目目录中会多出一个文件 “ package.json ”

如果你的操作和我一样,那么恭喜你,成功了!

安装 “apifm-wxapi” 模块

进入项目目录的dos命令窗口,输入命令:

npm install apifm-wxapi

运行完毕后,恭喜你! 你已经成功安装 “apifm-wxapi” 插件

构建 npm

点击确定,构建完成

如何使用 “apifm-wxapi” ?

“apifm-wxapi” 的功能大概有几百个,大家可以以后有空慢慢的去看,一个一个去尝试,功能说明文档:

下面我来演示一个获取所有省份的功能:

先做一个小小的设置

使用接口请求域名的时候必须要在你的小程序后台的安全设置里面加入白名单后才能调试;为了我们测试方便,我们可以在开发工具上稍微设置一下,让开发工具暂时不做域名校验,会提高我们开发和调试的效率;当然,正式上线之前,你还是需要把接口域名加入到你的小程序后台设置中

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

const WXAPI = require(apifm-wxapi)

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

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

WXAPI.province().then(res => {
    console.log(请在控制台看打印出来的数据:, res)
})
检查是否安装npm开发环境 在dos命令窗口输入命令: nmp -v 你将能看到你当前安装的 npm 的版本号,如果提示 npm 命令没找到,则说明你还没有安装 npm ,请按照以下章节安装 npm。 安装npm 前往官网 () 下载并安装适合你的版本 你也可以自行百度: “如何安装npm环境” 初始化npm项目 打开小程序项目目录 在路径输入框输入cmd按回车进入dos命令窗口 执行npm命令 输入命令: npm init 一直敲回车,在最后输入yes 到此为止,你的项目目录中会多出一个文件 “ package.json ” 如果你的操作和我一样,那么恭喜你,成功了! 安装 “apifm-wxapi” 模块 进入项目目录的dos命令窗口,输入命令: npm install apifm-wxapi 运行完毕后,恭喜你! 你已经成功安装 “apifm-wxapi” 插件 构建 npm 点击确定,构建完成 如何使用 “apifm-wxapi” ? “apifm-wxapi” 的功能大概有几百个,大家可以以后有空慢慢的去看,一个一个去尝试,功能说明文档: 下面我来演示一个获取所有省份的功能: 先做一个小小的设置 使用接口请求域名的时候必须要在你的小程序后台的安全设置里面加入白名单后才能调试;为了我们测试方便,我们可以在开发工具上稍微设置一下,让开发工具暂时不做域名校验,会提高我们开发和调试的效率;当然,正式上线之前,你还是需要把接口域名加入到你的小程序后台设置中 在需要的页面的 js 文件头部引入 “apifm-wxapi” const WXAPI = require(apifm-wxapi) 直接调用 “apifm-wxapi” 提供的方法直接取数据 你根本不用关心数据哪里来,要什么数据,直接拿就OK! WXAPI.province().then(res => { console.log(请在控制台看打印出来的数据:, res) })
经验分享 程序员 微信小程序 职场和发展