Popular blog tags

一、申请和登陆

注册地址:https://mp.weixin.qq.com/

登陆地址:https://mp.weixin.qq.com/

 

二、项目开发

(一)下载并安装开发者工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

(二)新建项目

本地创建一个文件夹,文件夹名称对应一个项目,以便于多项目管理

选云、普通二者之一

(三)删除项目

在开发工具的“项目管理”,有项目列表和删除选项

https://blog.csdn.net/henryhu712/article/details/80004589

 

    

(三)注意点

1.小程序强制后台域名配置条件

必须是https协议;备案;80端口

 

 

必须是https安全协议,否则接口调用会失败 网站域名必须是https协议才行,要不然你第一步服务器域名配置你都通过不了。 在小程序中服务端接口的开发跟一般的接口是一样的,一般的接口大部分都采用的http协议,但是,小程序要求必须是https安全协议,否则接口调用会失败,这是强制的。所以,我们的服务端必须安装安全证书,采用https协议对外发布接口。 网络上提供安全证书的服务商很多, 比如赛门铁克,有收费何免费的证书。如果是企业应用,建议去买一个企业级的安全证书,如果只是个人开发研究的话,这里给大家介绍一个比较靠谱的免费安全证书——阿里云。阿里云给个人用户提供不限时长的免费证书,注意一定是个人用户,企业用户是没有这个福利的

2.通信服务器域名必须已备案 微信小程序详细图文教程-10分钟完成微信小程序开发部署发布 https://www.cnblogs.com/jjg0519/p/6858443.html

1.小程序云项目开发步骤(注册、工具下载、新建项目)

https://blog.csdn.net/u013338742/article/details/82842883

2.小程序页面结构介绍

https://www.cnblogs.com/laoyeye/p/9795306.html

 

小程序云开发数据导入-json格式

{
    "_id": "xxxxxx",
    "age": 45
}
{
    "_id": "yyyyyy",
    "age": 21
}

bug:带_id导入后无法读出记录

 

发布时提示:

你好,微信小程序将不再支持如下功能:获得用户分享成功与否事件,wx.getUserInfo接口弹窗授权,wx.openSetting接口自动打开设置页。10月10日起,当你的小程序发布新版本后,上述能力将无法在新版本使用。请务必检查确认小程序已完成调整,不会影响线上服务。调整信息:https://mp.weixin.qq.com/cgi-bin/announce?action=getannouncement&announce_id=11536230584k14IW&version=&lang=zh_CN&token=1525354655

 

四、小程序的发布流程

(一)小程序版本的区分

(1)开发版:用web开发工具正在开发的那个版本,指未点击“上传”的那个版本。仅开发者能用手机运行。

(2)体验版:用web开发工具点击“上传”的那个版本。在后台可以加入体验者微信号,仅仅这些被后台加入的体验者能用手机运行

(3)生产版:在小程序后台发布的版本,对所有人开放。

(二)小程序的发布

1.用web开发工具点击“上传”的版本,在后台变为“体验版”。

2.在后台将体验版点击提交,在后台变为“待审核版本”。

3.在后台看到审核通过后,在后台点击"发布",即向全用户发布

 

资源:

小程序-云开发版

1.1小程序 AI 服务

https://cloud.tencent.com/document/product/876/19531

源代码DEMO:

https://github.com/TencentCloudBase

1.2 微信小程序组件 / API / 云开发示例(官方DEMO)

https://github.com/wechat-miniprogram

说明文档:

https://developers.weixin.qq.com/community/develop/doc/000ce205e88a580622f7cf2f351c01?idescene=7&op=1

 

2.小程序云开发项目实战之私房书柜 (小程序云)

https://github.com/Tencent-CloudEDU/WXCloud-bookcase

3.天气应用微信小程序(云开发)

https://www.cnblogs.com/myvin/p/9243416.html

https://github.com/myvin/quietweather

4. 糗皮虎(云项目)小程序云开发项目 新增 点赞,发布,评论,分享等功能

https://blog.csdn.net/u013338742/article/details/82842883

https://github.com/LWJcoder/qiupihu

5.小程序+云开发实战:一天搭建小型论坛

https://mp.weixin.qq.com/s?__biz=MzI2NDU4OTExOQ==&mid=2247485621&idx=1&sn=9253fc67199b085680cf6eab332e2337&chksm=eaab12e5dddc9bf390634a30346a47514cd5524c939b89e6b00bda9c2b3e3c80365a523b1894&mpshare=1&scene=23&srcid=1219EykPyVb3y9ftZ2A3ExYO#rd

https://github.com/vimerzhao/RssHub

5.2 基于云开发的小程序项目--仿《微博鲜知》

组件化思想

博客:https://github.com/g00d-morning/newsDance/tree/master/weiboFresh/miniprogram/components

https://github.com/g00d-morning/newsDance/tree/master/weiboFresh

5.3 烟草行情管理

简单管理数据的自用小程序

https://github.com/JunwuHuang/tobaccoMarket

 

6.微信小程序-水果商城-云开发

https://github.com/Voyzz/Fruit-store-mp

7.微信小程序 商城 前台+后台 (云开发版)

后台为云数据库

https://github.com/pzx521521/wxapp-mall-clouddb

 

8.EastWorld/wechat-app-mall的云版前台(无后台)

https://github.com/EastWorld/wechat-app-mall(普通)

对应的云开发板前台

https://github.com/cherryxiu/wechat_mall

备注:

1.1mpvue构建微信小程序(普通)-mall 小程序商城后台数据结构

https://github.com/Mosasa/wx-mpvue/blob/master/koa/db.js

开发文档:简易商城小程序全栈开发(mpvue+koa+mongodb),对应https://github.com/EastWorld/wechat-app-mall的后台

https://juejin.im/post/5b548ce8e51d45191d79f8a6

 

小程序-普通版

 

8.微信小程序之小豆瓣图书(普通)

http://oopsguy.com/2016/10/17/weixin-small-program-doubanbook/

https://github.com/oopsguy/WechatSmallApps

 

9.微信小程序之知乎日报

http://oopsguy.com/2016/10/24/wechat-small-program-zhihudaily/?

9.1 cloudNote

基于微信的一个云笔记小程序,每个用户可以实时登录记录自己的日常笔记,同时具有地点提醒以及时间提醒事件的功能.

https://github.com/EdenStrive/cloudNote

 

10.掘金微信小程序(普通、大型项目)

https://www.cnblogs.com/myvin/p/9510079.html

https://github.com/myvin/juejin

11.yyblog(普通)

https://www.cnblogs.com/laoyeye/p/9795306.html

https://github.com/allanzhuo/yyblog/tree/master/yymini

 

13.微信小程序商城(普通)

https://github.com/EastWorld/wechat-app-mall

14.NideShop:基于Node.js+MySQL开发的开源微信小程序商城(微信小程序)

https://nideshop.com/

微信小程序端,GitHub: https://github.com/tumobi/nideshop-mini-program

商城服务端,GitHub: https://github.com/tumobi/nideshop

15.FaShop 微信小程序商城,微信小程序微店(普通)

https://github.com/mojisrc/wechat-mini-shop

16.m-mall

前台:https://github.com/skyvow/m-mall

后台:微信小程序-小商城后台(基于 Node.js、MongoDB、Redis 开发的系统...)

https://github.com/skyvow/m-mall-admin

 

 

 

 

15.微信小程序开源项目库汇总

https://github.com/opendigg/awesome-github-wechat-weapp

17.小程序开发干货汇总

https://github.com/xiaobei666/weixin-xiaochengxu666-info

 

小程序商城后台

1.1mpvue构建微信小程序(普通)-mall 小程序商城后台数据结构

https://github.com/Mosasa/wx-mpvue/blob/master/koa/db.js

开发文档:简易商城小程序全栈开发(mpvue+koa+mongodb),对应https://github.com/EastWorld/wechat-app-mall的后台

https://juejin.im/post/5b548ce8e51d45191d79f8a6

2.1 NideShop商城(服务端)

https://github.com/tumobi/nideshop

mysql 后台数据结构:https://raw.githubusercontent.com/tumobi/nideshop/master/nideshop.sql

博客:快速部署NideShop Node.js微信小程序商城

https://www.jianshu.com/p/78a0f5f424e1

 

 

界面库

30.有赞的界面库 vant-weapp

https://youzan.github.io/vant-weapp/#/intro

31.WeUI

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

31.1https://github.com/Tencent/weui-wxss

31.2 使用案列:

31.2.1

https://weui.io

https://github.com/skyvow/m-mall基于 WeUI.wxss

31.2.2 小歆记账 for 微信小程序

https://github.com/xiaoxinpro/xxjzWeChat

31.2.3微信小程序音乐播放器(小程序模仿——网易云音乐) Leancloud,weui.wxss,Promise

博客:https://juejin.im/entry/591968b9da2f60005df65c70

项目地址:https://github.com/MengZhaoFly/wechatApp-netease_cloudmusic/tree/master/pages

31.2.4 音乐-微信小程序(原生开发)

https://github.com/wuzhizhe114/musicMiNiProgram

31.2.5 简单的留言板项目

https://github.com/kkkkung/Wexin-miniprogram-MessagesBoard

31.2.6 基于weui的html转微信小程序wxml

https://github.com/rrrrui/html2wxml

31.2.7 小程序demo,weui+tabbar+分包+iconfont使用+自定义顶部导航+组件传值+wx.request封装

https://github.com/lanzhsh/mini-program-demo

31.2.8 微信小程序-移动端小商城

基于 weui.wxss、es6 前端技术开发

https://github.com/skyvow/m-mall

 

32.iviewui

https://weapp.iviewui.com/docs/guide/start

32.weui css

微信提供de开源的移动版的weui css框架.

https://github.com/Tencent/weui

样例参考:https://weui.io/

5个最优秀的微信小程序UI组件库

https://www.cnblogs.com/elysian/p/10114297.html

 

富文本组件

输入图片和文字,且合并

https://github.com/xc1255178487/little_program

 

微信小程序框架

40.wepy

组件化开发框架wepy

开发文档 https://tencent.github.io/wepy/document.html#/

41.mpVue

美团小程序框架mpvue

开发文档 http://mpvue.com/

 

https://github.com/tumobi/nideshop-mini-program (NideShop:基于Node.js+MySQL开发的开源微信小程序商城(微信小程序)
https://github.com/EastWorld/wechat-app-mall (微信小程序商城,微信小程序微店)
https://github.com/ecomfe/echarts-for-weixin (ECharts 的微信小程序版本)
https://github.com/sqaiyan/NeteaseMusicWxMiniApp (仿网易云音乐APP的微信小程序)
https://github.com/zce/weapp-demo (仿豆瓣电影微信小程序)
https://github.com/myvin/juejin (掘金小程序)
https://github.com/xiehui999/SmallAppForQQ (高仿手机QQ应用程序
https://github.com/liuxuanqiang/wechat-weapp-mall (微信小程序-移动端商城)
https://github.com/web-Marker/wechat-Development (微信小应用-小程序-demo-仿芒果TV)
https://github.com/lanshan-studio/wecqupt (We重邮 - 微信小程序 )
https://github.com/RebeccaHanjw/weapp-wechat-zhihu (微信中的知乎--微信小程序 demo)
https://github.com/eyasliu/wechat-app-music (微信小程序:音乐播放器 )
https://github.com/skyvow/m-mall (微信小程序-小商城前台(基于 WeUI.wxss、ES6 前端技术开发...)
https://github.com/sesine/wechat-weapp-movie (电影推荐 - 微信小程序)
https://github.com/ahonn/weapp-one (仿 「ONE · 一个」 的微信小程序)
https://github.com/kraaas/timer (小程序版番茄时钟)
https://github.com/hijiangtao/weapp-newsapp (微信小程序-公众号热门文章信息流)
https://github.com/zhengxiaowai/weapp-github (微信小程序--github)
https://github.com/vace/wechatapp-news-reader (微信小程序 —— 新闻阅读器)
https://github.com/natee/wxapp-2048 (微信小程序2048)

 

博客

1.小程序普通版

1.1微信生成带参数的二维码,合成海报,扫码后推送小程序

场景:公司开发的小程序要实现将产品免费给用户试用的功能,用户登录小程序后在产品页可以将产品以二维码海报的方式分享给微信好友,好友扫码后跳转公众号,关注后公众号推送小程序,点击小程序后跳转到小程序中的相应产品页面。

https://blog.csdn.net/xiaoxiangzi520/article/details/82622141

2 小程序实战商城

2.1 微信小程序之购物车 —— 微信小程序实战商城系列(5)普通

https://blog.csdn.net/michael_ouyang/article/details/70755892

 

 

开发工具下载:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

 

小程序开发索引目录

 

weui

1.weui项目地址

https://github.com/weui/weui-wxss/

2.weui自定义微信小程序modal框

https://blog.csdn.net/dlz_Mr/article/details/87997586