【新手向】微信小程序云开发

  • 前言
    • 为什么要写博客
    • 微信小程序开发
      • 小程序云开发概述
  • 准备
    • 知识储备
      • 组件库
      • 开源框架
    • 环境搭建
  • 最后

前言

偶然看到自己以前写的代码


em…这一坨什么鬼,哈哈哈

所以我打算抽空重新写一遍,顺带总结下学到的东西,同时加深对技术点的理解

本篇博客主要分享一些自己项目(校园服务、论坛类应用)中采用微信小程序云开发学过的一些东西。会不定期更新博客,包括以下(以后想到其他会增加),因为主要介绍微信小程序云开发,所以这里不涉及搭建后端服务器(以后会写)。
1.云开发实现用户登陆注册
2.云开发实现发布动态(含收藏、评论、点赞)
3.云开发实现消息模板/订阅消息推送
4.调用百度云OCR识别校园卡信息
5.开发自定义组件、模板

为什么要写博客

一开始接触博客是自己在做项目时,遇到问题,会首先通过搜索引擎寻找解决办法,搜索结果大多数是博文,看多了那些技术大牛写的博文,也开始萌生出自己写博客想法。起初,觉得写博客很浪费时间,需要花时间去思考,去总结,去整理成章,需要花费很多时间,而且感觉自己技术含量低(大学生一枚),写出来没意义,于是又放下了写博客的想法。后来,在某次面试后,感觉自己上大学一年多以来什么都没学会,但是好像又会一点儿什么。于是想写一些值得回味的东西,把自己学过的知识按自己的结构整理记录下来,方便日后查阅巩固,记录自己的成长轨迹,同时加深对技术点的理解,提高自己思维能力。写博客不一定要写出多么牛逼的文章,只要是自己所思所悟就行,知识是自己的事,总结才能进步。

这是我的第一篇博文,然后坚持下去!加油!奥力给!

微信小程序开发

小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。微信小程序开发官方文档

小程序前后端开发与web开发差不多,但小程序语法更简单。

小程序后端可以直接使用官方提供的云开发平台,或是使用其他后端云,或是自己搭建服务器,前两者较为简单,基本可以通过查阅官方文档即可开发,自己搭建服务器成本和技术要求都比较高,需要购买服务器,搭建开发环境等。

下面两个是后端云的链接
1.Bmob后端云 https://www.bmob.cn/weixin
2.LeanCloud https://www.leancloud.cn/miniprogram/

小程序云开发概述

开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。

云开发为开发者提供完整的原生云端支持和微信服务支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥。

云开发提供了几大基础能力支持:

准备

知识储备

小程序开发用到WXML+WXSS+JavaScript,类似于web开发。

小程序开发,现在有许多开源的开源框架以及组件库,让小程序开发更简单,选择一款好用的开源框架以及组件库,可以达到事半功倍的效果。下面推荐一些优秀的小程序开源框架以及组件库。

组件库

  1. WeUI
    WeUI WXSS是腾讯官方UI组件库WeUI的小程序版,提供了跟微信界面风格一致的用户体验。
    官网:https://weui.io/
    GitHub地址:https://github.com/Tencent/weui-wxss
    npm下载:npm i weui-wxss

  2. Color UI
    官网:https://www.color-ui.com/
    GitHub地址:https://github.com/weilanwl/ColorUI

  3. Wux WeApp
    GitHub地址:https://github.com/wux-weapp/wux-weapp
    npm下载:npm i wux-weapp

  4. Lin UI
    官网:http://doc.mini.7yue.pro/
    GitHub地址:https://github.com/TaleLin/lin-ui
    npm下载:npm install lin-ui --production

  5. MinUI
    GitHub地址:https://github.com/meili/minui

开源框架

  1. WePY
    WePY 是一款让小程序支持组件化开发的框架,通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化,Promise,Async Functions 的引入都是为了能让开发小程序项目变得更加简单,高效。
    官网:https://tencent.github.io/wepy
    GitHub地址:https://github.com/Tencent/wepy

  2. mpvue
    mpvue 是美团点评开源的一个使用 Vue.js 开发小程序的前端框架。
    官网:http://mpvue.com/
    GitHub地址:https://github.com/Meituan-Dianping/mpvue

  3. Touch WX
    Touch WX是一套完全免费的微信小程序开发框架,扩展了小程序的能力。
    官网:https://www.wetouch.net/wx.html
    GitHub地址:https://github.com/uileader/touchwx

  4. Trao
    Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。
    官网:https://taro.aotu.io/
    GitHub地址:https://github.com/NervJS/taro

  5. Tina.js
    一款轻巧的渐进式微信小程序框架。
    GitHub地址:https://github.com/tinajs/tina

环境搭建

参照官方文档即可,这里不再赘述
https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/quickstart.html

最后

最后分享一下我的开发历程

刚开始做项目时需要开发小程序,当时我只会点web开发,于是就根据项目需求,边学边做,遇到不会的时候就靠搜索引擎找解决办法,找些开源项目,看别人怎么写。当时就靠看别人的代码,参照小程序官方开发文档,边学边做,看多了,代码敲多了,熟能生巧了,逐渐可以自己完成想要的功能,然后代码风格渐渐开始朝着组件化、模块化方向发展,而现在开始写些博客来总结学到的东西,加深理解,提升思维能力,记录成长轨迹。

未来,想玩玩微信小游戏开发,想参加明年2020年的高校微信小程序开发大赛,想学swift,还想…

哎,大学好累啊,真让人无发可脱。

有什么问题可以在文章底部评论,也可以私信我,一起学习,

记录我的第一篇博客,【新手向】微信小程序云开发相关推荐

  1. 微信小程序云开发博客系统源代码,让写博客像发朋友圈一样简单,含使用部署教程

    博客就两种:一是随笔,记录自己的成长历程,二是有目的的发文,例如搬运各种网赚文,我想大部分朋友做博客的初衷都是有一块自己的心灵净土,于是催生了wxapp-blog这款小程序. 完整代码下载地址:微信小 ...

  2. 微信小程序云开发之新闻博客社区项目debug后的项目代码

    大家好,我是csdn的博主:lqj_本人 这是我的个人博客主页:lqj_本人的博客_CSDN博客-微信小程序,html特效,vue2基础领域博主 本次文章主要时为我最近在哔哩哔哩上的新发布的视频做一个 ...

  3. 关于微信小程序云开发---实现客服自动回复图片例子

    关于微信小程序云开发-实现客服自动回复例子 微信自带的云开发功能使前端工程师可以独立的开发出一款小程序,微信自带的云开发. 首先和开发其他平台的项目一样先看官方文档. 微信小程序开放文档 一. 什么是 ...

  4. 微信小程序云开发-微信小程序账号申请及新手环境配置

    申请一个微信小程序账号 在微信开发时,我们yx时候可能需要用到微信小程序,微信小程序云开发需要使用注册的小程序appid,测试和游客进入是没有云开发的功能,所以我们需要注册一个微信小程序账号.在注册账 ...

  5. 【系】微信小程序云开发实战坚果商城-扩展篇

    第 5-1 课:扩展篇 目录 开篇 [系]微信小程序云开发实战坚果商城-开篇 基础篇 [系]微信小程序云开发实战坚果商城-弹性盒子 [系]微信小程序云开发实战坚果商城-ES6 简单入门 [系]微信小程 ...

  6. 微信小程序云开发新手教程——关于多人云开发和git版本管理

    多人团队开发微信小程序项目时,如何更好的进行团队协作是一个关键问题.接下来的这篇文章里,主要以项目的管理者和项目参与者两种身份,介绍了云开发初始环境的配置的具体方法,以及通过git进行团队的版本管理. ...

  7. 【第三篇】微信小程序云开发项目总结

    上篇文章:[第二篇]微信小程序云开发项目总结 功能点2:答疑解惑 这个功能点的实现基本与用户填写简历相同,都是用户上传数据到数据库,不加说明. 功能点3:消息回复 这个板块是用户查看管理员的回复消息的 ...

  8. ebs开发入门 oracle 知乎_微信小程序云开发入门第一篇---开发准备事项

    在开始本文的正式内容之前,先允许我做一个简单的自我介绍,我是一名嵌入式软件开发人员,目前在一家音视频处理芯片公司做linux系统下音视频开发的相关工作,算是嵌入式软件开发行业的老人了,如果您对嵌入式行 ...

  9. 微信小程序云开发入门第一篇---开发准备事项

    在开始本文的正式内容之前,先允许我做一个简单的自我介绍,我是一名嵌入式软件开发人员,目前在一家音视频处理芯片公司做linux系统下音视频开发的相关工作,算是嵌入式软件开发行业的老人了,如果您对嵌入式行 ...

最新文章

  1. C++异常处理(try和catch)
  2. BOOST_SCOPE_EXIT_TPL宏相关的测试程序
  3. 实现图片打乱_疫情过后,是否打乱了你前进的脚步?面对现状,你将如何开展新的征程?...
  4. 简单却实用的的例子:Jquery获取 radio 选中后的文字
  5. 什么可以作为gcroot_面包果既能当水果又可以作为粮食,国内却无法普及,这是为什么?...
  6. cookie跨域_跨域问题的复现与整理
  7. 全球首发!惯性导航导论(剑桥大学)第一部分
  8. ActionMapping
  9. Oracle 数据类型,表空间、用户与权限,DDL、DML 语句、约束,exp/imp
  10. 暴力破解之NTscan+密码字典工具
  11. netstat命令详解
  12. C++——STL容器
  13. 网络拓扑学习之SLB
  14. RT-Thread学习笔记【网络设备与BSD套接字组件】
  15. 用trace32分析内核死机
  16. 长沙云栖谷交通事故_长沙含浦片区自发成立抗洪救灾志愿者服务队转移被困群众(组图)...
  17. 在Qt-Creator中使用搜狗输入中文的最简单解决方法(不需要编译安装)
  18. AtCoder Grand Contest 012 B Splatter Painting (反向处理 + 记忆化)
  19. 2022近视矫正展,护眼产品展,中国爱眼教育大会,验光设备展
  20. LVM的常用操作【创建lvm】

热门文章

  1. ABOV单片机内部WT时钟RTC的代码实现讲解及示例代码-[MC96F6332D]
  2. 1篇SCI一区/3篇二区认定A类博士!免费120㎡住房+78万引进费!4500/月博士津贴,直接副教授待遇!...
  3. gibbs采样算法的理解
  4. qt +cmake 发布翻译项目
  5. 搜索引擎使用方法与技巧
  6. 电容屏物体识别_电容屏物体触控识别技术的简单介绍
  7. 收藏!100页自动化立体仓库PPT
  8. Principle for Mac(交互原型设计工具)
  9. 苹果MAC视网膜屏pyautogui的坐标转换
  10. 数据库设计范式及原则