实例:手把手教你搭建一款自助点餐小程序(自助点餐小程序怎么做)

我们这一节课的内容主要是教大家搭建一款自助点餐的小程序。移动支付是未来的趋势,而手机点餐用起来非常方便,备受消费者的青睐。那么餐饮行业的老板做一个自助点餐的小程序,客人入座后即可拿手机扫一扫点餐、下单、自助结账,非常的便捷。接下来我们就来搭建一款自助点餐的小程序吧!

实例:手把手教你搭建一款自助点餐小程序(自助点餐小程序怎么做)

准备:

域名已备案

SSL证书(已申请并安装https)

服务器(已搭建BT宝塔和环境配置)

微擎平台(已架设)

小程序账号(已注册配置)

小程序开发工具(已安装)

微信支付(涉及交易环节需要)

自助点餐小程序源码

实例:手把手教你搭建一款自助点餐小程序(自助点餐小程序怎么做)

步骤:

和我们上一节课的内容类似,在我们搭建自助点餐小程序前,我们需要注册一个餐饮行业的小程序账号。

第一步,登录你BT宝塔后台,把deam_food文件夹压缩打包成ZIP格式,再上传到你的微擎网站addons文件夹下,并解压。

实例:手把手教你搭建一款自助点餐小程序(自助点餐小程序怎么做)

第二步,打开微擎后台,进入系统,点击小程序应用,找到未安装的应用,自助点餐小程序,点击安装应用模块,并根据流程安装。

实例:手把手教你搭建一款自助点餐小程序(自助点餐小程序怎么做)

第三步,点击系统,点击微信小程序,选择手动添加小程序,新建单个小程序。

实例:手把手教你搭建一款自助点餐小程序(自助点餐小程序怎么做)

第四步,把我们注册的餐饮小程序账号资料填写进来,并再填加应用中选择自助点餐小程序,点击下一步,生成新的小程序版本。

实例:手把手教你搭建一款自助点餐小程序(自助点餐小程序怎么做)

第五步,进入自助点餐小程序,先设置系统资料,把系统设定、门店管理、幻灯片管理、营销管理、支付设置、商品管理、员工管理等填写完整后,我们再来设置前端信息。

实例:手把手教你搭建一款自助点餐小程序(自助点餐小程序怎么做)

后台搭建完成,接下来就进入前端代码的配置及上传审核了。

前端配置:

第一步,打开微信web开发者工具,登录,选择导入项目,打开目录选择自助点餐小程序文件夹内的wxapp文件夹,输入小程序AppID。

实例:手把手教你搭建一款自助点餐小程序(自助点餐小程序怎么做)

第二步,找到siteinfo.js文件,把uniacid与acid换成微擎消息推送配置的id,下面的网站域名换成你自己的域名即可。

实例:手把手教你搭建一款自助点餐小程序(自助点餐小程序怎么做)

第三步,点击编译测试一下效果,在右上角点击上传代码,上传完成后,在微信公众平台小程序账号后台可以提交发布或设置为体验版。

实例:手把手教你搭建一款自助点餐小程序(自助点餐小程序怎么做)

第四步,提交审核后,等待官方审核通过,再手动发布小程序,小程序就正式上线了。

实例:手把手教你搭建一款自助点餐小程序(自助点餐小程序怎么做)

小结:这一节课的内容和上一节课是类似的,通过这两个小程序搭建的练习,相信大家已经熟练掌握了微擎搭建小程序的方法,从而可以搭建各种各样的小程序了。微擎上搭建公众号、网站之类的应用都是相同的流程,大家可以尝试着去操作一下。

相关新闻

联系我们
联系我们
公众号
公众号
在线咨询
分享本页
返回顶部