手把手教你搭建外卖cps小程序附源码
发表时间：2023-11-29 13:58:13
文章来源：炫佑科技
浏览次数：130
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
一步一步教你如何用源码搭建外卖cps小程序
外卖小程序截图。
1、本教程中的外卖小程序源码是一个项目，需要下载并导入到项目包中。 可以通过API更改里面的小程序数据。
2.下载：目前*快的HTML开发工具。 强大的代码助手，帮助您快速完成开发。 *全的语法库和浏览器兼容性数据让浏览器碎片不再令人头疼。
3.安装后，解压源码并拖入
4. 右键单击“-”目录，选择创建云服务空间。 在继续之前，系统可能会提示您填写真实姓名。 如果您没有实名，您将无法使用数据库动态更新小程序内容。 可以参考后续的静态小程序教程。 。
5、在打开的网页中，点击右上角“创建服务空间”
6、这里必须选择“阿里云”，并根据下面的提示规则输入“服务空间”名称，然后点击右侧的“创建”。
7、创建完成后，会自动进入空间管理后台，如下图。 如果您启用云功能域名，系统会自动为您分配一个域名。 我的域名是.
8、返回编辑器，再次右键“-”目录，关联云服务空间。
9、关联云服务空间后，继续右键选择运行云服务空间初始化向导。
如果上传云函数提示失败，需要重新绑定appid。 如果成功，则跳至下一步。
单击目录中的.json
点击重新获取appid，然后初始化云服务空间就不会报错了。
10、云函数上传返回后手把手教你搭建外卖cps小程序附源码，我们需要获取api地址：选择api函数右侧的详情
11. 在云函数URL中输入“/http/api”。 小心不要犯错误。 前后没有空格。
12.设置完成后，我们将App.vue中的域名修改为上面第7步获取的域名。
13.在-//.json中修改配置您的推广信息/链接等。 如果您不知道如何获取促销信息，请阅读后续文章。
name：列表中项目的名称。 例如“饿了么红包”、“美团外卖红包”等；
icon：名字前面的小图标；
：就是那张正方形的图，每天收到xx元红包的图；
url：H5链接（纯小程序不用管）
类型：1表示每天都可以获得，2表示是限时销售，3是给新人的礼物，0不显示；
tabld：将其放在哪个选项卡组下。 根据上面选项卡中的定义填写。
appid：目的地微信小程序的appid； 例如美团饿了么小程序的appid。
path：目标小程序的路径。
14.配置并保存后，右键“.json”，初始化云数据库。
15、初始化后，我们将在云服务空间管理后台添加/修改/删除您的促销信息。 云数据库中对应的信息标记如下图所示。 该表对应的是小程序的促销内容的数据。 标签表对应小程序的导航栏。
如果您想添加促销内容但不知道如何在格式中编写。 您可以点击右侧的“编辑”hbuilder开发微信小程序，复制里面的内容，然后根据复制的内容进行修改。 修改完成后，点击上面的“添加记录”即可。
16.登录微信小程序管理后台，进入开发管理-开发设置-服务器域名，添加您在第7步中获取的域名，否则小程序将无法获取您设置的数据。
17.下载微信开发工具：
18.返回顶部菜单栏--运行--运行到小程序模拟器--运行设置--设置微信开发工具的路径
19.然后再次点击运行，进入微信开发工具。 当您打开首次要求登录小程序微信账号时，您将进入模拟小程序运行的界面。
20.如果**次打开微信开发工具，还需要打开设置-安全设置-服务端口，否则会报错，无法继续。
21.然后你就可以看到我们的小程序长什么样了。 测试OK后我们就可以发布了。
顺便在pages.json中修改了首页的界面标题文件。 您可以打开每个文件并查看。 如果你能理解它，你就能改变它。 更改后记得按 ctrl+s 保存。
22.停止微信开发工具并关闭微信开发工具
23.点击发布-小程序-微信，输入小程序名称和appid进行发布。 这时代码会在运行前被压缩，这比调试小程序要好。
24.在微信开发工具中，点击上传，设置发布版本号，然后上传
25.打开微信小程序后台可以看到我们提交的版本。 我们可以体验一下，体验后提交审核发布。
源码下载地址
（访问密码：2389）
点击查看你是*棒的
