微信小程序源代码怎么套用?开发微信小程序

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

微信小程序源代码怎么套用?开发微信小程序(1)

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

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

自己动手,丰衣足食!

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

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

进入果创云开放平台(http://open.yesapi.cn/),进入【我的小程序】。

微信小程序源代码怎么套用?开发微信小程序(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)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页