（干货）微信小程序开发时如何调用API？

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

（干货）微信小程序开发时如何调用API？

前言：

本文主要介绍基本使用，以及企业开发过程中使用的详细流程。 比较适合**次开发微信小程序的伙伴，或者没有实践经验的伙伴； 使用配合框架结合Uview的UI框架为大家演示今天的Demo！

目录

1、项目启动

1.工具下载

2. 项目创建

3.安装有用的插件

4.运行到微信开发工具

五、项目运作

6.个性化小程序

7.开发时如何调用API

2、微信小程序发布

1.配置小程序关联信息（微信公众号关联小程序）

2.配置小程序主要信息

3.配置服务器域名

4. 发布及上线流程

① 单击工具栏中的“释放”

②点击微信开发工具中的上传按钮

③这个时候我们就去微信公众平台登录我们的小程序开发账号即可查看小程序的试用版。

④ 终于到了提交申请审核并正式发布的时候了。

1、项目启动

在开始之前我们先看一下官网上的介绍，这也会让我们有一个更全面的了解；

uni-app是一个使用Vue.js()开发所有前端应用程序的框架。 开发编写一套代码，可以发布到iOS、Web（响应式）、各种小程序（微信/支付宝/百度/今日头条/飞书/QQ/快手/钉钉/淘宝）、快App等平台。 （官方网站地址：）

1.工具下载

自带了这个开发工具，所以我们需要先下载开发工具；

下载链接：

2. 项目创建

上一步我们已经下载了这个开发工具，下一步我们需要创建一个项目！

我用的可能和Mac略有不同； 点击左上角的文件-->新建-->项目

下图中我们可以看到有普通项目和uni-app项目

我个人在工作中一般都会选择新建一个普通项目，因为uni-app示例项目虽然很流行，但是不太利于开发，需要删除很多东西，所以我个人选择普通项目；

3.安装有用的插件

点击Tools-->Plug-in ，我们可以看到为我们提供了核心插件；

什么是核心插件？ 是对我们的开发有利的东西，能够提高我们的开发效率；

插件市场是什么？ 在开发过程中，如果遇到UI框架或者内置组件不能满足我们业务需求的时候，我们可以去插件市场看看。 总会有更满意的！

比如我们使用Git提交代码到仓库，我们可以下载Git插件来帮助我们使用Git！比如我们格式化代码的时候可以下载插件，ctrl+K快速格式化

4.运行到微信开发工具

至此，开发前的配置已经基本完成。 我们需要运行我们的项目并查看一下。

但运行小程序时需要注意以下几点：

① 配置.json文件，配置微信小程序AppID

微信小程序AppID从哪里来？登录微信公众平台，开发管理-->开发设置

② 运行微信小程序需要配置开发工具路径，以便知道在哪里打开微信开发工具。

③ 配置结束，我们还需要配置微信开发工具，否则操作会失败。

在微信开发工具中打开服务端口

五、项目运作

在运行项目之前，我们需要添加一点代码，然后才能看到运行后的效果。 否则，它只是一个白页，这不是我们想要看到的。

接下来我们添加两个新页面，并在pages.json中配置基本部分

索引代码

H5代码

然后点击运行，运行到微信小程序，就可以看到我们刚刚写的内容

6.个性化小程序

什么是个性化小程序？ 只是不同，不同的导航栏，呈现出与普通小程序不同的效果。 我们可以在Uview中使用凸起的，也可以自己定义一个。 详细的定制教程可以查看定制教程​​。 其他的个性化设置我们就不一一赘述了。 如果你有兴趣的话，你可以去看看！

7.开发时如何调用API

相信大家都知道，开发微信小程序需要配置服务器域名，而服务器域名必须以开头，有SSL证书，有域名注册等等...需要设置吗开发过程中的进步 ?

不必要。 如果我们公司或者客户一开始没有给我们域名，我们可以检查微信开发工具没有验证合法域名、web-view（企业域名）、TLS版本和HTTPS证书。 ，然后您就可以轻松地使用我们的局域网IP地址开发。 这就是你必须把环境分开小程序微信开发，我们的开发环境和生产环境！

以上都是开发环节，下面是配置环节（干货）微信小程序开发时如何调用API？，做好上线前的准备工作。

2、微信小程序发布

至此，相信大家已经了解了基本的小程序开发部分了。 于是产品经理现在就说，小程，小程序很快就要上线了。 你能告诉我需要什么信息吗？ 换句话说，准备上网。 是不是很混乱？别着急，我们一步一步来看看

1.配置小程序关联信息（微信公众号关联小程序）

为什么需要配置小程序关联公众号？

因为在开发过程中，我遇到了一个客户问我如何获取用户，但我们的小程序没有关联任何公众号或公众平台，所以我们需要提前确认需求；

收购条件？

如果开发拥有多个移动应用、网站应用、公众号（包括小程序），就可以区分用户的唯一性，因为只要是同一个微信开放平台账号下的移动应用、网站应用、公众号（包括小程序），用户的是独一无二的。 也就是说，同一个用户在同一个微信开放平台下，对不同应用的访问权限是相同的。

2.配置小程序主要信息

为什么需要提前配置小程序主要信息？看下图

上面的截图是我们已经上线的小程序之一。 小程序上线后，非个人账户可以通过认证进行更名。 所以，我们*好在上线前把能配置的都配置好，避免上线后审核时间长、需要大量信息等麻烦的修改！

3.配置服务器域名

上面说了，我们开发时可以通过IP调用后端大哥的API，但是上线之后肯定不行了； 因为每个微信小程序都需要提前设置一个通讯域名，小程序只能与指定的域名进行通讯。 包括普通HTTPS请求(wx.)、上传文件(wx.)、下载文件(wx.)和通信(wx.)。

4. 发布及上线流程

就在我们聊到这里的时候，不知不觉间，我们的小程序已经准备上线了。 我将分几个步骤向您展示。

① 单击工具栏中的“释放”

这一步将帮助我们对自己写的代码进行打包，压缩大小。 毕竟微信小程序的代码包大小只能是2MB。 如果主包太大，就要考虑分包。

②点击微信开发工具中的上传按钮

③这个时候我们就去微信公众平台登录我们的小程序开发账号即可查看小程序的试用版。

这里我们要注意一下。 此时，试用版小程序已经可以为测试小哥进行真机测试了。

④ 终于到了提交申请审核并正式发布的时候了。

这一步很简单，直接提交审核即可，但是接下来我们需要输入一些信息供我们的审核人员测试

点击继续提交。 首次提交的朋友如果需要验证用户隐私保护准则设置

如果这是您**次提交审核，此页面之前有一个页面用于重复使用资格或填写资格。 关注一下，然后提交审核，等待审核通过~~~

审核需要多长时间？

该时间范围从 30 分钟到一天不等。 我的**次审稿大概一个小时左右，后面每次审稿大概30分钟左右，还是很快的！

审核通过后，小程序现已成功上线~~~

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等