WordPress

微信小程序:绑定微信帐号的服务端接口设计(WordPress)

用户可以在小程序那里选择用微信登录, 在用微信登录之前要把用户的微信帐号与网站帐号绑定在一起,就是在数据库里记录一下用户微信给我们提供的 openid 。绑定的时候可以保存用户的一些其它的信息,比如用户的微信头像,所在城市,省份等等。在小程序上调用 wx.getUserInfo 接口可以获取到微信用户的相关信息。得到以后,把这些信息发送到后端服务接口来处理。

WordPress:注册新的 REST 接口

WordPress 核心自带了一些 REST 接口,可以处理文章,用户,评论等等这些资源。有时候我们需要自己加工一些接口功能,WordPress 支持我们添加这样的自定义 REST 接口。注册的接口相关的信息可以挂载到 rest_api_init 这个钩子函数上。注意接口用的是 register_rest_route 函数。

Endpoints

一个例子:

<?php

function ninghao_rest_hello_callback() {
  return 'hello ~';
}

function ninghao_rest_register_route() {
  register_rest_route( 'ninghao/v1', 'hello', [
    'methods'   => 'GET',
    'callback'  => 'ninghao_rest_hello_callback'
  ] );
}

add_action( 'rest_api_init', 'ninghao_rest_register_route');

微信小程序:后端服务接口(WordPress)

微信的小程序相当于是一套前端(Frontend)应用的框架,让它变成一个真正能用的 App,我们还得给它提供一个后端服务,或者叫应用后台(Backend)。几乎所有的后端应用框架都支持为小程序提供后端服务。WordPressDrupalRailsNode.js ...   了解一下 RESTful 风格的后端服务接口。

后端服务通过 RESTful 风格的接口为小程序提供数据,或者处理从小程序那里发送过来的数据。比如可以给小程序提供一个内容列表让它在页面上显示,可以接收小程序发送(POST,DELETE,PATCH)过来的数据,比如把内容保存到后端的数据库里。

预告:微信小程序应用后台(WordPress)

小程序应用后台(WordPress)预览

用 WordPress 为微信小程序提供后端服务接口,提供可以显示的内容列表,验证用户身份,创建新的内容,上传媒体文件,还有删除内容。

课程组合使用了宁皓网提供的知识框架里的几个部分。小程序是应用的前端,需要用 JavaScript 语言编写,除了语言,还得了解小程序框架本身。后端用到了 WordPress,搭建后端开发环境还得了解点服务器相关的知识。

WordPress:基于 JWT 的身份验证

如果你想基于 WordPress 去创建前端 App 或者移动端 App,解决用户的身份验证可以使用 JWT 这种方法,它是一种基于 Token 的验证身份的方法。《WordPress 开发:身份验证(JWT)》这个课程演示了在 WordPress 网站上实施使用 JWT 验证用户身份。先看一下《JWT:JSON Web Token》,了解一下 JWT 是怎么回事。另外还有个在 Node.js 上实施使用 JWT 的课程,有兴趣也可以参考一下。

处理客户端(前端,移动端,桌面端)的请求,返回请求的数据,比如返回一个文章列表。或者处理请求发送过来的数据,比如把请求里带的文章内容保存在网站的数据库里。这些我们都要用到 WordPress 的 REST 接口

流程

下面是在 WordPress 网站上使用 JWT 验证用户身份的主要流程。

  1. 申请  Token:用户使用自己在网站上注册的用户名与密码向网站申请 Token。
  2. 签发 Token:网站收到请求验证用户名与密码是否匹配,如果匹配,网站就给用户签发一个 JWT 的 Token。
  3. 使用 Token:用户收到网站签发的 Token,以后每次向网站发送请求的时候都可以带着这个 Token,网站接收请求,验证 Token 的有效性,并执行用户请求的行为。

WordPress:本地更新核心并部署到生产环境

开发 WordPress 项目,正确的做法是在本地开发,然后把对项目做的修改部署到生产环境。按照 《WordPress 开发:开发环境》 这个课程,可以自动化在本地搭建一个开发环境,可以使用 Composer 管理 WordPress。《WordPress 开发:生产环境》,这个课程里演示了自动化搭建生产环境,并部署 WordPress 项目的方法。

本地开发环境与生产环境基本可以保持一致,同样的操作系统(Ubuntu),同样的配置方法。对环境的配置都保存成了文件,修改了配置文件,再次执行配置,可以配置本地开发环境,也可以自动化去配置网站的生产环境。最近更新了 《WordPress 开发:开发环境》,演示了在本地开发环境上发现核心需要更新,更新以后,做一下提交,然后把更新再部署到生产环境的整套过程。

下面介绍一下更新核心并部署到生环境的流程。

WordPress:很少有人教你这样用

全球有四分之一的网站基于 WordPress 创建。WordPress 市场也很多样化,比如可以做单独的定制服务,我有一位朋友就隐居大理,远程工作,做一些 WordPress 网站的高级定制服务。很多个人与团队可以仅凭借一款主题就销售百万。宁皓网现有的《WordPress》课程,已经形成体系,有些早前录制的课程今天也同样适用。

最近又做了一个 WordPress 开发小系列,主要解决了网站开发流程问题。更好地搭建本地开发环境,怎么把同样的环境复制到生产环境,也就是网站真正运行的地方,怎么把在本地搭建好的网站持续地搬到生产环境上。

我觉得很少有人会教你这样开发 WordPress 网站。里面牵扯了大量的 WordPress 本身以外的东西,需要把这些琐碎的东西拼到一起,要经过大量地实验,形成一套可以使用的方法。我分别在 Windows 与 macOS 平台测试了这套方法。现在已经用视频的形式呈现给你:)

WordPress:Advanced Custom Fields 插件简体中文翻译

Advanced Custom Fields 是一个可以在 WordPress 上创建自定义字段的插件,最近的 WordPress 课程需要用到这个插件。原本的中文翻译基本不能用,所以我重新翻了一遍,下载 acf-zh_CN.po 文件,放在插件的 lang 目录的下面就行了。

下载地址https://github.com/ninghao/acf-chinese-translation/blob/master/acf-zh_CN.po

WordPress 开发:用虚拟机的方式在本地搭建开发环境

如果你还在用 WAMP 或 MAMP 搭建网站的开发环境,现在跟我一起升个级。我们用 Ansible 自动化配置虚拟机,搭建网站需要的环境,自动下载安装 WordPress。你可能会感觉这套方法有点复杂,但长期来看对你会有很多好处,而且看起来更专业一些 :)

在 《WordPress 开发:开发环境 》课程里详细介绍了这套方法,订阅宁皓网就能学习这个课程了。

准备

  1. 命令行:大部分操作都在命令行下完成,Windows 用  Cmder,macOS 可以使用终端。
  2. Vagrant:用来管理虚拟机软件。
  3. Virtualbox:虚拟机软件。
  4. Ansible(macOS 用户):自动化配置工具,macOS 用户使用 Homebrew 安装一下这个工具,Windows 用户可以跳过这一步。
  5. 文本编辑器:Atom,Code ...

WordPress 开发系列课程

今年 6 月,Eventbrite 用 2 亿美金收购了 Ticketfly,这个网站是基于 WordPress 开发的。Ticketfly 是一个在线音乐活动卖票网站。这件事得到的启发是,其实不用那么纠结自己的项目到底选择什么技术。也不用担心 WordPress 的能力问题:)

最近做了一个 WordPress 开发系列课程,已经完成了本地开发与生产环境还有部署的部分。我想后面再加上主题开发。如果您打算成为专业的 WordPress 开发者,一定要学习这个系列课程,您在别处很难找到类似的课程去学习。

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点