申明:本文由刘鹏(河南普商科技创始人。公司专业从事网络推广、app定制、公众平台开发)原创,未经同意禁止转载。
腾讯的小程序,可是越来越火了,我们这个三线城市,也炒到了14900元一个。当然,需要比较不错的关键词才能达到这个价格,比如 “最新商铺”这样的以关键词命名的小程序,价值会更高,其实这个有点类似百度的竞价,今天就不对这个问题深入讨论了,今天主要是跟大家分享一下成果,以及搭建安装小程序的整个流程和注意事项。
首先,展示一下我的成果:
小程序前端界面
前端界面展示
前端展示
大家可以看到,整体效果还是不错的,至少还是自我感觉满意,主要的核心功能还是全部有的,包括 展示、下单支付、物流追踪、团购、普通单购、模版消息............
好了,废话不多说,下面分享操作步骤:
第一步、部署后台(商城管理系统)
1. 服务器上面创建一个网站,可以使用二级域名;
2. 申请 ssl 安全证书,并应用于上一步创建的网站,确保你的网站用 https 访问正常;
3. 清空网站里面的所有内容,然后上传“后台端”文件夹所有文件和文件夹到你的网站根目录;
4. 修改根目录下面的 config.php 文件,把域名全部修改成你的;修改数据库链接信息,并确保正常链接到你的数据库;
5. 导入根目录下的 tuan.sql 到你的数据库;
6. 访问你的网站前台页面、后台地址 https://你的域名/admin 后台用户名、密码 均为 admin 请自行修改;
第二步、网站后台参数设置
1. 系统设置,依此配置:网站信息设置-----数据库参数设置-----微信小程序设置-----阿里云储存设置(没有可以不用填)-----小程序模板消息配置(可以不用设置短信,微信小程序官方后台获取模版消息id)
2. 扩展功能(已经设置了默认状态,根据自身需要进行修改)
3. 运营管理(就是商品信息、订单处理、用户数据等,所有商城的核心功能都在这里)
第三步、小程序代码设置
1. 把“wxshop”文件解压或拖拽到桌面上;
2. 修改 config.js 文件,只需要修改两个内容【 域名(有多处)、小程序名称】
3. 修改 app.json 文件,只需要修改你的小程序 名称
4. 下载小程序调试开发工具,自己去小程序官方下载;
5. 开发工具中 填入 appid 和小程序名称,选择对应的文件夹 wxshop 后打开,开始调试、编译;
6. 如果没有出现 编译错误等信息,继续下一步(添加产品等);如果出现错误,首先检查你的 开发者配置,需要在小程序官方后台,开发配置你的安全域名,合法域名等,一共 4 个,都直接输入你的域名即可;
第四步、添加商品和发布
1. 直接在你的网站后台添加、删除、修改产品;
2. 开发工具里面,清缓存,然后编译;
3. 如果想看到在手机端的真实效果,自己在开发工具---项目---预览---扫码查看;
4. 一切满意后,在调试工具---上传,再到小程序官方后台,提交审核,审核通过后,再到官方后台,点击发布
5. 如果想修改颜色等元素,直接修改 pages 里面的 wxss 文件就可以,和平常我们处理 css 文件一样的。
后台界面展示
以上,就是整个过程,当然,不够详细,还有很多细节需要注意,但是,稍微有点基础的朋友,都完全可以根据上述四个步骤搞定的。
调试小程序
如果需要帮助或者学习交流,欢迎加我,或者需要源码的,也可以找我,不过,先说清楚,收费 499 元一套,保证和演示的小程序一模一样,绝对完整无错,不可能出现什么编译错误之类的。
原创申明
本文为原创作品,作者刘鹏(河南普商网络科技有限公司创始人,公司专业从事app定制开发、商城系统建设、网站建设与运营),未经同意,禁止转载!源码索取、帮助唯一联&系&方式: 176-1386-9386 或者 q号 1391637627,欢迎各界朋友交流讨论。
可以帮忙调试安装,以及细节问题协助处理。