表情包小程序壁纸小程序头像小程序一体的云开发体验
火星图社
- 0. 所有步骤
- 1. 创建免费服务器
- 2. 下载源码
- 3. 本地部署源码
- 4. 源码发布上线
- 5. 更改配置
- github仓库:https://github.com/chenaild/mars_picture
- gitee仓库:https://gitee.com/chenaild/mars_picture
0. 从0到上线的所有步骤
1)先了解下将要进行的所有步骤:
- 创建免费服务器
- 下载源码
- 本地部署源码
- 源码发布上线
2)功能介绍:
功能包含:
- 表情包、头像、壁纸的展示与下载。
- 下载时需消耗积分或观看流量主广告,为小程序带来收益。
- 可设置外卖CPS,带来分佣收益。
- 可让用户投稿和审核。
- 小程序内置管理后台界面,方便管理。
小程序体验:

小程序界面预览如下:








3)预先准备的事情:
- 注册好微信小程序账号,个人或企业都行。注册链接
然后记下“小程序ID”和“小程序密钥”,后面要用到。

- 然后,就开始吧(不需购买域名或服务器,更不用备案)
1. 创建免费服务器
简要介绍平台:我们使用的平台叫DCloud,是一个开发工具平台,它集成了阿里云和腾讯云,大家可以无感使用这些大厂的服务器。其中,阿里云的服务器是免费了,腾讯云需付费。这里,我们只演示如何使用阿里云服务器,快速上手。
1)注册DCloud平台账号:链接
2)创建阿里云服务器:链接

下面的服务空间随便填,填后不能改了,后续的小程序将绑定到这个服务器上。
选择阿里云,点击创建后就有免费服务器了。

2. 下载源码
注:这里购买的源码大部分是我二次开发的,大家也可以二次开发。
源码链接:火星图社


就要开始部署了,先停在这个界面吧。

3. 本地部署源码
购买完毕后,需要部署到本地看看效果,操作如下:
1)下载 微信开发者工具 软件
稳定版工具下载,选择一个自己的平台下载安装,安装后打开登录一下,之后先放着。
2)下载 Hbuilderx 软件
HBuilderX下载,选择一个自己的平台下载安装,安装后打开登录一下,之后先放着。
3)部署运行代码
回到刚刚的页面:

点击跳过后,就点击导入到 HBuilderX:

浏览器可能有弹框:

跳到了 HBuilderX 了:




在下图文件中右键,初始化云数据库:

初始化完成:

更改配置信息:

配置业务域名:
//request合法域名:
https://api.bspapp.com;
https://spare.maibaapp.com;//uploadFile合法域名:
https://bsppub.oss-cn-shanghai.aliyuncs.com;//downloadFile合法域名:
https://mmbiz.qpic.cn;
https://vkceyugu.cdn.bspapp.com;
https://elf-deco.img.maibaapp.com;
https://vcdnb.huoying666.com;
https://t1.market.xiaomi.com;
在小程序网页后台,在**“开发”->“开发管理”**,配置上面三种域名:

Dcloud后台(即服务器上)配置小程序信息,配置上之前记下来的小程序ID和小程序密钥:



设置小程序开发工具的端口号:


运行小程序:

稍等一会,出效果:

4. 源码发布上线
因为上面的代码其实是没压缩的,体积比较大不能直接发布,需要走“发行”:
在发行之前,最好先关一下小程序开发工具。

这时,小程序开发工具又被启动了。
为了更容易通过微信的审核,在服务器后台关闭投稿(当然也可以直接在小程序上面操作关闭,后面会介绍如何开通管理员,这里先用着):

点击“上传”:


到小程序网页后台“提交审核”:

等审核通过受到通知后,还要在这个页面再操作点击“上线”,才会真正上线,工作时间内一般需要1-8个小时才会有审核结果。
5. 更改配置
如何在小程序上直接修改配置?
先登录:

然后到Dcloud服务器上修改自己为管理员,加上"system": 1:

重新打开或编译小程序,就多了一栏:

可以方便修改配置了(就不用总要到Dcloud服务器上改):
大家关心的流量主广告id的设置也都在下面设置。


**注意:**更改配置之后,小程序需要重新启动,或者点重新编译,配置才在当前小程序中生效
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
