Skip to main content
 Web开发网 » 站长学院 » 浏览器插件

开发微信小程序,就是这么简单!可自动生成微信小程序源代码

2021年10月09日9070百度已收录

开发微信小程序,就是这么简单!自己动手,丰衣足食!

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第1张

开发微信小程序有多简单?

你只需要掌握前端开发,就可以轻松开发自己的微信小程序,实现自己的业务功能。借助果创云,无须域名、无须服务器、无须数据库,并且提供了配套的SDK、海量API、管理后台,还有应用市场。

自己动手,丰衣足食!

下面来看下,开发微信小程序是多么简单。

首先,配置你的微信小程序

进入果创云开放平台(/),进入【我的小程序】。

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第2张

第一次使用时,需要配置你的微信小程序的appid和appsecret。

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第3张

在线生成微信小程序代码

回到后台首页,点击【生成微信小程序代码】。

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第4张

在弹窗输入你的微信小程序名称,然后立即生成。

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第5张

随后就可以下载微信小程序的代码压缩包。

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第6张

下载后,解压到你的电脑,会看到以下代码。

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第7张

接下来就可以开始开发你的小程序啦~

导入项目

打开你的微信开发者工具。

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第8张

导入刚才下载的代码包。

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第9张

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第10张

导入成功后,就可以看到你刚才生成的小程序了。

为了方便本地开发,可以在右上角【详情】-【本地设置】-【不校验合法域名-勾选】。

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第11张

调用前台API接口

开发你的微信小程序时,在实现业务功能时,可以使用果创云为你提供的前台API接口,可以快速实现很多常规的功能。

那么前台API接口有哪些呢?

在后台首页,点击【前台接口】。

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第12张

可以看到全部的前台微信小程序API接口(后面会继续上新)。

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第13张

那么,怎么调用呢?非常简单。

以微信用户登录为例,查看接口文档。

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第14张

查看【微信小程序示例】,会看到相关的调用方式。

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第15张

那怎么在小程序中使用这个接口呢?

在你刚才生成的微信小程序代码,打开index.js,里面已经自动帮你完成接口调用。

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第16张

并且,在index/index.js文件里,你还可以看到上传图片、上传文件、创建订单的用法。代码默认被注释,去掉注释就可以直接使用。

// 测试 yesapi.requestAppHelloWorld('Demo', function(res) { console.log('如果你看到这句话,说明小白接口请求成功啦~', res) }, function (res) { console.log('小白接口配置不正确,修改app.js配置文件:', res) }) // 上传图片 // this.chooseImageAndUpload() // 上传文件 // this.chooseFileAndUpload() // 创建订单 // this.createNewOrder() // 登录 this.goGetUserInfo()JS SDK

如果你想调用更多的前台API接口,或者你想在原来的项目上集成果创云的小程序开发能力,可以直接使用果创云开放接口的JS SDK。

Github地址:yesapicn/yesapi-wxmini-sdk

用法请见Github使用教程。

管理后台

前面讲了如何创建微信小程序代码,如何调用前台API,更强大的功能是在管理后台。在这里你不需要开发后台,就可以轻松管理你的微信小程序。

在后台首页,可以查看整体数据,包括今天新增用户、订单数量、小程序用户数量。昨日概况。

你还可以生成小程序二维码。

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第17张

查看你的微信小程序用户。

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第18张

后台API接口

对于需要开发自己的后台、工具或者需要更多自动化的集成和接口对接。可以使用果创云配套提供的小程序后台API接口。

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第19张

对于每个功能模块,均已提供了常用的数据接口API,包括获取列表、创建数据、更新数据、删除数据、获取数据。

开发微信小程序,就是这么简单!可自动生成微信小程序源代码  微信小程序开发文档 第20张

评论列表暂无评论
发表评论
微信