零基础搭建美团饿了么外卖红包CPS小程序教程

大部分人生活中是离不开外卖的,点外卖过程中大家会使用红包,现在小编教大家制作一个外卖红包优惠劵领取小程序

先准备好着4样东西,准备完成好后可以接下来的搭建教学

1.准备注册一个微信小程序(不懂如何注册的可以百度下)

2.下载HBuilder

HBuilderX-高效极客技巧

零基础搭建美团饿了么外卖红包CPS小程序教程_第1张图片

3.微信开发者工具

稳定版 Stable Build | 微信开放文档

零基础搭建美团饿了么外卖红包CPS小程序教程_第2张图片

4.公众号:“一枚路过的小可爱” 后台直接回复 “源码” 即可获得小程序源码。
 

搭建教学

打开HBuilderX,文件——导入(源码解压到桌面)——从本地目录导入下载的项目(源码在文章底部)

零基础搭建美团饿了么外卖红包CPS小程序教程_第3张图片

右键uniCloud——关联云服务器空间 (注册个账号即可)

零基础搭建美团饿了么外卖红包CPS小程序教程_第4张图片

我们任意填写名称

零基础搭建美团饿了么外卖红包CPS小程序教程_第5张图片

然后在关联你注册好域名

零基础搭建美团饿了么外卖红包CPS小程序教程_第6张图片

然后在运行cloudfunctions 上传所有云函数和

零基础搭建美团饿了么外卖红包CPS小程序教程_第7张图片

在上传过程如果提示你上传失败,我们找到manifest.json  这个设置 重新获取下即可

零基础搭建美团饿了么外卖红包CPS小程序教程_第8张图片

db_init.json 初始化云函数

零基础搭建美团饿了么外卖红包CPS小程序教程_第9张图片

云服务网页刷新下。这时候有云函数了,api——详细

零基础搭建美团饿了么外卖红包CPS小程序教程_第10张图片

拉到底部编辑输入/http/api 确定——复制路径

零基础搭建美团饿了么外卖红包CPS小程序教程_第11张图片

打开HBuilder找到app.vue这个文件 ,把前面复制网站 替换里面三个网址

零基础搭建美团饿了么外卖红包CPS小程序教程_第12张图片

运行—运行到小程序—运行设置—填写下载好微信开发路径即可

零基础搭建美团饿了么外卖红包CPS小程序教程_第13张图片

发行—小程序微信—填写小程序appid   

零基础搭建美团饿了么外卖红包CPS小程序教程_第14张图片

在微信里面预览即可,然后我们返回数据库修改美团和饿了么的appid链接。如何获取淘宝联盟里面即可获取

零基础搭建美团饿了么外卖红包CPS小程序教程_第15张图片

接下来我们即可在云服务器后台,进行数据的修改,可以添加饿了么和美团的ippid和图片更换都可以

零基础搭建美团饿了么外卖红包CPS小程序教程_第16张图片

bannerpic:对应每个推广项横幅

icon:图标

name:标题

tabla:放在哪个大类下

type:1=天天可领,2=限时秒杀

url:H5页面跳转链接(在H5页面下打开生效)

minapp:微信小程序跳转

appid跳转小程序id

path跳转相对应小程序路径的页面

源码地址

零基础搭建美团饿了么外卖红包CPS小程序教程_第17张图片

 

 

 

你可能感兴趣的:(小程序,微信小程序,微信)