这个程序已经测试过,并且用了一段时间,效果还可以,估计能赶上一阵子风口,网上有人卖1288,毕竟生活不容易,分享给大家,希望大家牛年转大运。

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图

手把手教你搭建外卖cps小程序 附源码

外卖小程序截图。

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图1网赚副业项目:手把手教你搭建外卖cps小程序附源码插图2网赚副业项目:手把手教你搭建外卖cps小程序附源码插图3网赚副业项目:手把手教你搭建外卖cps小程序附源码插图4网赚副业项目:手把手教你搭建外卖cps小程序附源码插图5

1.本次教程外卖小程序源码为uniapp项目,需下载hbuilderX导入项目打包,里面小程序数据可通过api更改。

2.下载hbuilderx:https://www.dcloud.io/hbuilderx.html,HBuilder是当前快的HTML开发工具,强大的代码助手帮你快速完成开发,全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛。

3.安装好hbuilderx后,把源码解压拖入hbuilderx

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图6

4.右击cloudfunctions-aliyun目录-选择创建云服务空间,dcloud可能会提示你完成实名,实名后才可以继续操作,如果不实名无法使用数据库动态更新小程序内容,可以看后续的静态小程序教学。

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图7

5.在打开网页中,点击右上角的创建服务空间

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图8

6.这里必须选择阿里云,,服务空间名称自己根据下面的提示规则输入,然后点击右边的创建。

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图9

7.创建后,会自动进入空间管理后台,如下图,启用云函数域名,系统会自动分配一个域名给你,我的域名是2560eb33-a2bd-4d5d-b548-5bd4f1252ad1.bspapp.com。

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图10

8.返回到HBuilder编辑器中,再次右击cloudfunctions-aliyun目录,关联云服务空间。

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图11

9.关联云服务空间后,继续右键,选择运行云服务空间初始向导。

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图12

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图13

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图14

如果你在上传云函数提示失败,此时需要重新绑定下appid,如果直接成功的跳下一步即可。

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图15

点击目录下的manifest.json

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图16

点击重新获取appid,然后再去初始化云服务空间不会报错了。

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图17

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图18

10.云函数上传后,返回uniCloud,我们需要获取api地址:选择api函数右边的详情

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图19

11.在云函数URL化这里输入/http/api,注意不要输错了,前后都没有空格

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图20

12.设置好以后我们去修改App.vue里面的域名,修改成上面第7步获取的域名

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图21

13.在uniCloud-aliyun/database/db_init.json修改配置你的推广信息/链接等,推广信息不知道如何获取的请看后续文章

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图22

name:列表中项目的名称。例如饿了么红包,美团外卖红包之类的;

icon:名称前面的小图标;

bannerPic:是那张方形图片,什么天天领xx元红包之类的那张;

url:H5链接(纯小程序不需要管它)

type:1显示天天可领,2显示限时秒杀,3新人大礼,0不显示;

tabld:放在哪个tab分组下。根据上面tabs里面的定义填写。

appid:目的微信小程序的appid;例如美团饿了么小程序的appid.

path:目的小程序的路径。

14.配置好保存之后,右击db_init.json,初始化云数据库。

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图23

15、初始化以后,我们以后在云服务空间管理后台进行增/改/删你的推广信息,云数据库中对应信息如下图标识。coupon表对应的是小程序端推广内容的数据。tab表对应的是小程序端的导航栏。

如果要新增推广内容而又不知道格式应该怎么写的。你可以点右边的编辑,把里面的内容拷一份出来,然后根据拷出来的内容进行修改,修改后点击上方的添加记录可以了。

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图24

16.登陆你的微信小程序管理后台https://mp.weixin.qq.com/,开发管理-开发设置–服务器域名,添加你第7步获取的那个域名,否则小程序无法获取你设置的数据。

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图25

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图26

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图27

17.下载微信开发者工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

18.返回HBuilder顶部菜单栏–运行–运行到小程序模拟器–运行设置–设置微信开发者工具的路径

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图28

19.然后再次点击运行到微信开发者工具,首次打开会要你登陆小程序的微信账号,会进到模拟小程序运行的界面了

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图29

20.如果你是首次打开微信开发者工具,还需要去把设置-安全设置-服务端口给打开,不然HBuilder会报错,无法继续

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图30

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图31

21.然后可以看到我们小程序的样子啦,测试没问题以后,我们可以去发布了。

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图32

对了首页的界面标题文件在pages.json里面修改,大家可以把每个文件打开看看,看得懂的可以改下,改完记得ctrl+s保存。

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图33

22.停止微信开发者工具,并关闭微信开发者工具

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图34

23.点击发行–小程序-微信,输入你小程序名称,appid进行发行,这时候会对代码压缩后才运行,比调试小程序更好。

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图35

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图36

24.在微信开发工具里面,点击上传,设置下发布版本号,即可上传

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图37

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图38

25.打开微信小程序后台https://mp.weixin.qq.com即可看到我们提交的版本了,我们可以进行体验,体验后在提交审核发布。

源码下载地址

https://306t.com/d/14221025-42238795-0f9c45(访问密码:2389)

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图39

点个在看你好看

网赚副业项目:手把手教你搭建外卖cps小程序附源码插图40

作者 nasiapp

在线客服
官方客服
我们将24小时内回复。
12:01
您好,有任何疑问请与我们联系!

选择聊天工具: