手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

微信公众号淘宝客小程序源码搭建方法

时间:2024-10-15 05:44:50

1、先到百度云盘上进行下载小程序,云盘下载https://pan.baidu.com/s/1o8yXumI

微信公众号淘宝客小程序源码搭建方法

2、这个时候会有一个appid的输入,如果你已经申请了,就可以把这个appid进行配置,如下图:

微信公众号淘宝客小程序源码搭建方法

3、输入这些信息后,我们会进入一个初始化的页面

微信公众号淘宝客小程序源码搭建方法

4、当然这个不是我们淘宝客的首页面,而是微信自动帮我们生成的获取个人信息的页面,如果我们不需要这个功能,我们可以删除它。然后这里可能还需要解释一下整个小程序的流程

微信公众号淘宝客小程序源码搭建方法

5、大家可以看到上图,左边就是查看编译程序用到的,中间的是预览界面,然后右边的是我们的页面代码。这里我说一下右边的页面代码pages,这个页面都是页面的代码和样式还有就是文件磲稷怡棍夹等等。然后里面的文件夹一般都是通过app.json自动生成的。app.js,是我们全局的入口文件,我们可以在这里执行获取一些个人信息,保存缓存等等操作。app.json,是我们的配置文件,如页面自动生成,全局标题,标题颜色,原来的代码如下:{"pages":["pages/index/index","pages/logs/logs"],"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor": "#fff","navigationBarTitleText": "WeChat","navigationBarTextStyle":"black"}那么我这里演示一下生成自己的标题,随便一个颜色,然后增加一个热点的页面

微信公众号淘宝客小程序源码搭建方法

6、app.json的配置如下:"pages/index/hot","navigationBarBack爿讥旌护groundColor": "#22dee2","navigationBarTitleText": "每天科技",app.wxss,这个是全局的样式页面,大家可以在这里放自己的布局元素此外。里面有一个logs文件夹,这个就是我们的日志记录文件。可以用于调试用途。开发者如何预览小程序我们只需要点击开发软件的项目,点击预览这个按钮,点击预览就会弹出体验信息,扫描就可以预览了。当然需要有开发者权限,如下图

微信公众号淘宝客小程序源码搭建方法
© 手抄报圈