h5外卖源码php_从零搭建外卖CPS平台小程序开发
什么是CPS?简单点讲就是你帮助商家销售产品,商家给你结算一定的佣金。
如何快速开发一个外卖CPS类型的小程序呢?当然是站在巨人的肩膀上会更快!你只需要会git使用,简单的小程序开发工具使用就可以快速搭建一个属于你自己的小程序。本文将教你如何快速搭建一个外卖CPS平台。使用源码为zwpro同学的 https://github.com/zwpro/coupons 项目。
一、前期准备
1. 小程序账号
2. 安装小程序开发工具(下载直达链接:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)
3. 安装HBuilder X开发工具(下载直达链接:https://www.dcloud.io/hbuilderx.html)
4. 源码地址:https://github.com/zwpro/coupons
二、搭建教程
1. 下载源码并解压,源码有两个版本,一个是带云开发功能的,一个是数据写死在前端的静态数据分支。建议使用云开发版,这样之后小程序只用提交一次审核即可,添加内容只用修改云服务数据即可(一劳永逸)。
2. 打开HBuilder X,导入下载好的项目, 右键cloudfunctions-aliyun文件夹,创建云服务空间。并上传所有云函数。
3. 修改db_init.json中数据配置信息,注意:如果不修改就直接是采用的别人推广链接,给别人打工哦。也可以先直接右键db_init.json文件上传数据到云服务,测试功能是否完善,然后提交审核通过后再去云服务后台修改参数配置。
4.点击HBuilder X的发行,选择【小程序-微信】(注意,如果报错显示小程序开发工具未打开端口,请按照提示打开即可)。
5. 在微信开发工具中选择预览,查看是否能够正常跳转到其他小程序并领取红包
6. 如果功能正常,小程序功能已经开发完成了!至于详细的配置信息可以登录https://unicloud.dcloud.net.cn/login unicloud云服务后台修改数据配置,数据如下:
具体配置内容为json格式:
{
"bannerPic": "/static/coupon/ele_banner.png",
"icon": "/static/coupon/ele.png",
"minapp": {
"appid": "wxece3a9a4c82f58c9",
"path": "ele-recommend-price/pages/guest/index?inviterId=70bee0b1"
},
"name": "饿了么红包",
"tabId": 1,
"type": 1,
"url": "https://h5.ele.me/ant/qrcode?open_type=miniapp&url_id=35&inviterId=70bee0b1"
}
bannerPic:对应每个推广项横幅
icon:图标
name:标题
tabId:放在哪个大类下
type:1=天天可领,2=限时秒杀
url:H5页面跳转链接(在H5页面下打开生效)
minapp:微信小程序跳转
appid 跳转小程序id
path 跳转打开页面
7. 如何获取appid和跳转path是配置小程序的难点!之后会针对每一种平台的配置做详细说明!
h5外卖源码php_从零搭建外卖CPS平台小程序开发相关推荐
- 小程序源码:最新掌上题库微信小程序源码下载,修复登录接口,支持在线考试,自定义导入考题-多玩法安装简单
这是一款题库微信小程序源码 支持积分商城.自定义试题及导入.知识点分类.模式试题考试.流量主等 首页模块:专项刷题 .题型刷题.乱序刷题.我的收藏.我的错题.未作习题.刷知识点.考前必背 另外还有更多 ...
- 小程序源码:王者荣耀战力查询微信小程序源码下载支持安卓苹果微信QQ等多区查询-多玩法安装简单
这是一款战力查询的微信小程序源码 源码内自带了接口 目前支持了微信,QQ,苹果,安卓全区都可以查询 支持流量主收益,而且搭建安装简单 使用微信开发者工具打开源码然后设置一下合法域名上传审核即可 该小程 ...
- 小程序源码:仿各大APP种树微信小程序源码下载-简单快速上手
这是一款仿各大APP的种树获取水果的一款微信小程序 可以对树浇水,杀虫,修剪等等 另外还有夺宝,更多小程序推荐 支持流量主模式等等 可以进行邀请好友加快树木的成长速度 小程序源码下载地址: 小程序源码 ...
- 小程序源码:百变头像框制作微信小程序源码下载,免服务器和域名
这是一款头像框制作的微信小程序源码 支持多种模板制作! 如一些热门的,王者头像框,国旗头像框,职业头像框等等 这一款小程序是免服务器和免域名的 所以也就是说这是一款纯前端的一款微信小程序源码 无需设置 ...
- [附源码]计算机毕业设计Python+uniapp家政服务系统小程序7na26(程序+lw+远程部署)
[附源码]计算机毕业设计Python+uniapp家政服务系统小程序7na26(程序+lw+远程部署) 该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程 项目运行环境配置: Python ...
- [附源码]计算机毕业设计Python+uniapp智慧校园平台APP06l79(程序+lw+APP+远程部署)
[附源码]计算机毕业设计Python+uniapp智慧校园平台APP06l79(程序+lw+APP+远程部署) 该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程 项目运行环境配置: Py ...
- 【小程序源码】谁是卧底线下发牌器微信小程序源码下载,强大的自定义功能
看名字就知道啦,这是一个谁是卧底的小程序源码 游戏规则: 谁是卧底是一款线下聚会的游戏,考验口才和脑力的同时,也能活跃气氛. 游戏人数为4-12人,游戏角色包括平民,卧底,白板可供用户选择! 游戏步骤 ...
- [附源码]计算机毕业设计Python+uniapp一站式婚庆服务平台APP6kqlk(程序+lw+APP+远程部署)
[附源码]计算机毕业设计Python+uniapp一站式婚庆服务平台APP6kqlk(程序+lw+APP+远程部署) 该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程 项目运行环境配置: ...
- 小程序源码:笑话与趣图框架微信小程序-多玩法安装简单
这是一款以笑话和趣味图为主的一款微信小程序源码 或者也可以说是一个框架吧 里面的内容是内置在小程序里面的,所以说是一款框架也可以 因为内置的内容,所以内容数量有限! 大家可以用来养账号,或者有能力的二 ...
最新文章
- Mysql函数group_concat、find_in_set 多值分隔字符字段进行数据库字段值翻译
- 程序员的你还沉浸在大公司就是螺丝钉?小公司锻炼人?错了!看完即懂
- channelinboundhandler中都包含了哪一类的方法_数据仓库、数据集市、数据湖、数据中台到底有什么区别?都得做吗?...
- 7月23日 R进行层次聚类算法的继续完善
- setuptools的package_data问题
- 机器视觉:mvs相机调试
- ITK:优化简单的抛物面函数
- BootStrap中Model模态框点击除了×号和关闭按钮外的其他区域不消失
- 蓝桥杯 ADV-211 算法提高 2-2整数求和
- Java 针对每个人安装的位置不同的情况 从快捷方式中获取到安装位置 运行谷歌浏览器
- python 代码命令大全-Python常用命令最全合集
- coreldraw橙子怎么画_cdr怎么画一杯橙汁?CorelDRAW简单绘制的一杯满满的橙汁教程...
- 如何接入易班第三方登录
- 2021-07-06淘宝,天猫超市
- 嵌入式(二十七):arm
- 服务器显卡不能显示器,到底有没有关系?显卡与显示器无责任搭配
- 斯坦福教授告诉你:什么是多任务学习「 CS330 笔记 (二) 」
- firefox打印记录一下
- 本地计算机上的oraclexetnslistener服务启动后停止,某些服务在未由其他服务或程序使用时将自动停止
- RAFT: Recurrent All-Pairs Field Transforms for Optical Flow