wx-booker

微信小程序-图书共享预定

体验效果

在微信中搜索小程序【建始同城共享书】或扫码体验

初衷

通过微信小程序向当地爱书者提供一个图书共享预定平台，前期期望投入费用越少越好。同时还要有一定的变现能力，例如图书借阅费、本地商家广告投放。

功能分解

图书分类管理
图书信息管理，包括介绍和图书相关ISBN、关联分类等
预借功能与费用管理
图书在馆状态
全局搜索图书
图书条形码扫码查询
用户管理与用户等级
广告管理
本地商家服务投放
图书订阅帮助信息
用户浏览与喜欢统计
UI交互清爽简单

程序选型

域名：阿里云购买
制作小程序域名还是必须的，这个去阿里云买一个.com域名就好。年费50元+。
服务器：阿里云ECS
这个是做互联网没办法少的，选用ECS主要因为我服务器有其他建站需求，建立多个网站使用。年费：500元+。
后台：Wordpress
强大而免费，通过插件的使用可以打造出功能完善的CMS/商城系统。年费：0元。
RESTAPI:微慕小程序插件
这个是用于将wordpress和小程序通信的插件程序，我是用的是微慕小程序插件1.6.0。年费：0元。
小程序：微信小程序个人版
前期因为无法预测变现能力，所以考虑成本，我输出的是个人版小程序。未来有更多本地商业服务的时候，移植到企业版。年费：0元。
前端：微慕开源版+自己摸索完成
小程序的前端是我通过微慕开源版3.6的代码二次开发完成，我现在Github已开源，有需要的朋友可以Clone。费用：0元。

使用

__环境准备__ <a href="https://www.aliyun.com/minisite/goods?userCode=zz7g1dvg" rel="noopener" target="_blank">服务器选型</a>购买、<a href="https://wanwang.aliyun.com/" rel="noopener" target="_blank">域名购买</a>、<a href="https://beian.aliyun.com/" rel="noopener" target="_blank">备案</a>、<a href="https://www.zhihu.com/search?type=content&amp;q=%E9%98%BF%E9%87%8C%E4%BA%91%20ecs%20centos%20%E6%90%AD%E5%BB%BAPHP%E7%BD%91%E7%AB%99" rel="noopener" target="_blank">配置环境</a>网上很多教程这里不再赘述，注意：微信小程序要求域名需备案、https：//开头。

__程序安装__

Wordpress安装
前往官方下载或者https://github.com/WordPress/WordPress最新版本，按网上教程一步步安装。
Wordpress主题安装
我使用raz主题，主要是我比较懒，这个主题不光是因为我网站商城需要简洁的效果，自带的文章自定义字段也方便我定义。
Wordpress插件安装
这里用到两个插件：微慕的小程序插件https://github.com/iamxjb/rest-api-to-miniprogram+全局搜索插件Search Everything，在wordpress后台安装新插件搜索进行安装。前者的RestAPI用于与微信小程序通信，后者用于小程序支持字段搜索。
微慕开源版下载
微慕算很良心的小程序开源商，功能多，文档详细，社区活跃，值得使用。需要高级功能的可以去微慕商城购买专业版，提供在线技术支持。微慕开源版本在Github的传送门：https://github.com/iamxjb/winxin-app-watch-life.net。
微信小程序账号申请
前往微信官方注册小程序账号，后台获取你的appid和秘匙，填写相应的小程序信息。选择服务类型时要注意，个人类型的小程序在服务类型选择上要慎重，看官方文档，最好选择工具类型。
微信小程序开发环境安装
前往微信官方下载最新版本的微信开发者工具，安装后启用微慕开源版的代码，按微慕官方的帮助文档修改代码中相应的设置。

至此，程序安装完成，这一步预览小程序的效果是微慕小程序的模板。

微信小程序-图书共享预定模板安装调试

Wordpress插件替换
Clone 微信小程序-图书共享预定到本地，其中code是小程序前端代码。plug是微慕的小程序插件的修改版，该插件务必配合使用raz主题才能用。
小程序前端代码替换
将code里的代码复制替换微慕的前端代码即可。
建立分类
代码中的书籍、帮助FAQ、本地活动调用的是Wordpress的三个父级目录。在Wordpress的文章分类中首先创建三个父级目录，将目录ID分别替换代码的中cateparentID/categories。三个id分别在page/index/index.js,page/faq/faq.js,page/act/act.js
写文章
自定义字段和分类记得填写和选择。注意书目、本地活动对应的字段对应不同的用途。
配置本地活动轮播
进入wordpress后台微慕的小程序插件，输入要在小程序中轮播显示的本地活动文章ID。用于轮播显示在详情页底部和我的信息页入口。
天气和地址配置
使用高德SDK，前往并注册账号获取key，key和city需要配置成你的信息。需要配置的文件pages/mine/mine.js,pages/amap/amap.js。SDK在Github的传送门：https://github.com/amap-demo/wx-regeo-poiaround-weather。