微信小程序商城开发---真机测试有用!!!!
目录
官方文档 微信商城开发,接受个人商业服务(后台,服务器等配置)。
实例教程
本实例纯属个人编写,侵删
一、环境搭建
- 微信小程序后台开发,请参照https://github.com/htmlk/express
在官网文档找到自己电脑适合的版本下载,直接安装(本人不建议使用破解版)
接下来会提示使用微信二维码登录,直接扫码登录
二、下载demo
直接使用git工具clone 上述代码,点击添加项目,将本程序添加到项目中即可!
(appid选择无AppID,项目名随便取不一定是文件名,选择下载下来的目录)
三、开始编写代码
进入调试页面(左边是调试预览,右边是类似于谷歌网页调试的工具) 进入编辑代码页面 1、app.json是项目的配置文件,如右图显示,
第一部分(黑色框)是pages是整个里的页面,每添加页面一个页面,都要把路径写在这里:
第二部分tabbar只要配置这些文件就可以产生app底部的导航(具体可参见文档)
第三部分是widows全局配置
2、pages是指你每个页面里面有四个文件json(配置文件),js(自己编写的js),wxml(相当于html),wxss(相当于css)
3、公共文件可以一般存储在远端,目前开发可以在本地新建,例如images(不能使用icon文件)
4、更多详细可以联系博主
项目演示
更多代码
- 微信小应用示例代码(phodal/weapp-quick)
- 微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)
- 微信小应用- 掘金主页信息流(hilongjw/weapp-gold)
- 微信小程序(应用号)示例:微信小程序豆瓣电影(zce/weapp-demo)
- 微信小程序-豆瓣电影(hingsir/weapp-douban-film)
- 小程序 hello world 尝鲜(kunkun12/weapp)
- 微信小程序版2048小游戏(natee/wxapp-2048)
- 微信小程序-微票(wangmingjob/weapp-weipiao)
- 微信小程序购物车DEMO(SeptemberMaples/wechat-weapp-demo)
- 微信小程序V2EX(jectychen/wechat-v2ex)
- 微信小程序-知乎日报(myronliu347/wechat-app-zhihudaily)
- 微信小程序-公众号热门文章信息流(hijiangtao/weapp-newsapp)
- 微信小程序版Gank客户端(lypeer/wechat-weapp-gank)
- 微信小程序集成Redux实现的Todo list(charleyw/wechat-weapp-redux-todos)
- 微信小程序-番茄时钟(kraaas/timer)
- 微信小程序项目汇总
- 微信小程序版聊天室(ericzyh/wechat-chat)
- 微信小程序-HiApp(BelinChung/wxapp-hiapp)
- 小程序Redux绑定库(charleyw/wechat-weapp-redux)
- 微信小程序版微信(18380435477/WeApp)
- 小程序开发从布局开始(hardog/wechat-app-flexlayout)
- 微信小程序-音乐播放器(eyasliu/wechat-app-music)
- 微信小程序-简易计算器-适合入门(dunizb/wxapp-sCalc)
- 微信小程序-github(zhengxiaowai/weapp-github)
- 微信小程序-小熊の日记(harveyqing/BearDiary)
- 微信小程序(Seahub/PigRaising)
- 微信小程序(WeChatMeiZhi妹子图)
- 微信小程序快速开发骨架
- 微信小程序 - Artand 最专业的艺术设计平台
分析轮子
经验分享
1、出现空白,没有报错,有可能是因为json是空。加一个{}就好了 2、出现问题直接加博主微信。 3、技术交流、商务合作请加微信。