首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >手把手教你3小时上线一个外卖电商小程序

手把手教你3小时上线一个外卖电商小程序

原创
作者头像
腾讯云开发TCB
修改2025-08-27 15:04:36
修改2025-08-27 15:04:36
1950
举报
文章被收录于专栏:云开发云开发

外卖电商模板

说明

外卖电商模板包含:前端电商小程序,和管理后台,可以快速实现商品录入,上下架,订单发货,微信支付等功能;

不仅适用于外卖场景,也同样适用于小型零售电商,以及到店消费;

安装模板
安装模板
模板示例
模板示例

业务背景

用于搭建电商、外卖、到店消费等小程序前端和管理后台,可以快速实现商品录入,上下架,订单发货,微信支付等功能。

功能列表

功能列表
功能列表

快速上手

安装的流程和另外一个项目的流程很相似,这边做了简单说明,也可以扫码看视频教程:

视频教程
视频教程

准备工作

开始前需要完成小程序注册,微信支付申请等相关工作,注意此时不要注册云开发账号,也不要付费,后面通过微信开发工具注册;

小程序安装

打开网站https://gitee.com/rioshyb/tcb-takeout-basic,有开发能力的可以选择git(推荐),不擅长git可以直接下载压缩包并且解压;下载后解压,微信开发工具导入解压文件夹,并填写appid;

安装
安装

模板安装

进入模板中心,选择对应模板;如果可视化开发出现应用,说明安装成功,注意应用的名称是:外卖电商管理后台;

进入应用编辑,选择右上角的应用。发布成功后 即可通过账号密码登录后台管理订单商品;

模板安装
模板安装

云函数安装

项目需要4个云函数:o2o_pay,o2o_refund,o2o_user_edit,register;

如果没有安装,需要云函数点击新建-输入函数名,创建index.js和package.js文件。再把项目里面,\temp\cloud下面对应的文件贴入,具体操作可以参考二维码视频。

云函数安装
云函数安装
视频教程
视频教程

支付配置

如果已安装微信支付模板,并且完成配置,这个步骤忽略;

前往小程序微信支付模板,填入该模板所需参数(页面链接有具体说明怎么获取)。若未填入,将无法使用支付功能,其他功能可正常体验

配置微信支付
配置微信支付
参数设置
参数设置

权限配置

数据模型的权限和云存储权限必须全部被勾选第一个,不然数据无法正确加载;

注意:云存储免费试用期是无法开启全部可读,需要付费使用,建议大家先买2个月

配置储存桶访问权限
配置储存桶访问权限

后台配置

首先录入店铺信息,店铺名称,地址,营业时间,头图必须配置,否则显示异常;

商标和轮播图可选,demo数据在项目文件夹下,\temp\data

后台配置
后台配置

小程序发布

小程序发布需要配置隐私协议,订单路径等内容,否则审核不过,具体操作说明参考下面文档:

链接:https://dpuhy5vhi6.feishu.cn/docx/ZU5Ld8vFHo0eJhxhlEYcCytKn8V?from=from copylink

密码:rioshyb2

点击云模版链接,快速安装

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 外卖电商模板
  • 说明
  • 业务背景
  • 功能列表
  • 快速上手
  • 准备工作
  • 小程序安装
  • 模板安装
  • 云函数安装
  • 支付配置
  • 权限配置
  • 后台配置
  • 小程序发布
    • 点击云模版链接,快速安装
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档