微信小程序开发入门系列教程

项目简介

从今天起，学院君将会花大概半个月左右的时间更新微信小程序项目开发入门系列教程，涵盖小程序申请到基础功能的使用，再到一个完整项目的开发上线，希望通过此教程的学习，可以帮助新手迅速入门微信小程序的开发。

我们将从小程序原生框架开发谈起，对于原生小程序开发，需要你具备 HTML、CSS、JavaScript 的基本知识，如果你对此不甚了解，可以从 MDN 开启你的学习之旅。

然后通过官方小程序组件化框架 WePY 对前端进行重构，WePY 框架可以看作 Vue.js 框架的衍生版本，如果你对 Vue.js 框架很熟悉，将很快入门。Vue.js 是一个渐进式的 JavaScript MVVM 框架，如果你之前对此框架不熟悉，可以浏览下官方文档快速入门。

关于前端 UI 方面，目前也有很多选择，比如官方的 WeUI WXSS、iView 出品的 iView WeApp、有赞出品的 ZanUI WeApp、蘑菇街出品的 MinUI、以及 Wux WeApp。我们后续会基于 iView WeApp 演示 UI 框架的引入和使用。

最后，后端 API 接口方面，我们基于 Laravel 框架开发的博客项目为基础，构建出一个完整的小程序版的博客项目。

目录索引

以下是教程目录：

• 将博客应用从 HTTP 免费升级到 HTTPS
• 从零开始申请并配置一个新的微信小程序
• 原生开发框架入门：项目初始化和目录结构
• 基于原生框架开发博客应用首页（上）
• 基于原生框架开发博客应用首页（下）
• 基于原生框架开发博客文章详情页（上）
• 基于原生框架开发博客文章详情页（下）
  
• 组件化开发框架 WePY 入门：项目初始化和目录结构
• 基于组件化框架 WePY 入门：重构博客应用首页
• 基于组件化框架 WePY 入门：重构博客文章详情页
• 博客小程序项目代码上传、发布上线和访问统计
• 基于组件化框架 WePY 开发文章点赞功能
• 微信小程序用户登录授权功能实现
• 微信小程序前端 UI 框架 iView WeApp 的引入和使用
• 基于 WePY + iView WeApp 在小程序中实现用户评论功能

更新频率：每周二、四、六更新。

开发和学习过程中有什么问题欢迎在教程下方的评论框与我讨论，还可以升级为订阅用户与我一对一实时交流：

订阅服务

如果你觉得这个系列教程对你学习有帮助，可以选择升级为学院君订阅用户对学院君进行支持：

立即升级为学院君订阅用户