微信小程序初见+nodejs服务端 （一个简单的博客）

推荐网址：

腾讯云快速开发（nodejs先后端）：https://developers.weixin.qq.com/miniprogram/dev/qcloud/qcloud.html#%E5%AF%BC%E5%85%A5-nodejs-demo-%E5%92%8C%E9%85%8D%E7%BD%AE

参考项目地址（nodejs先后端）：https://github.com/CavinCao/ghost-wechat-blog

SQL Query Builder for JS：https://knexjs.org/#Builder-increment

偶项目地址：https://github.com/zhaofangmei/mini-WX-blog

一、总体页面框架搭建：首页、发表、个人

 

二、受权登陆

　　https://developers.weixin.qq.com/miniprogram/dev/api/open.html

　　this.setData：内置函数，能够设置data数据，可经过逻辑层改变数据

　　wx.redirectTo：关闭当前页面，调到应用内的页面

　　wx.switchTab：跳转tabBar页面，关闭其余非tabBar页面

 

三、post建表

 

（1）登陆腾讯云，进入腾讯云开发环境管理页面，进入数据库

（2）进入数据库建表

 

 四、博客发表功能开发

wx.request(OBJECT)：发起网络请求

Wafer 服务端 SDK - Node.js： wafer-node-sdk

nodejs开发环境本地调试：

（1）先将server代码上传

（2）“启动单步调试”，设置断点，便可本地调试nodejs服务端 （腾讯云的“启动单步调试”选项存在安全问题已经下线了 10.11）

 

 

 

五、首页博客展现

微信小程序分页效果实现：

https://blog.csdn.net/yuyuking/article/details/78796406

http://www.javashuo.com/article/p-xeisemti-ke.html

 

 

六、博客详情查看、编辑、删除功能

（1）

modal：相似于javascript中的confirm弹框 ：https://developers.weixin.qq.com/miniprogram/dev/api/api-react.html#wxshowmodalobject

首页进入详情页，鉴权操做；鉴权要是在home的判断会出现两次跳转进入详情页，鉴权操做应该在详情页的onload事件判断

 

 （2）openid

七、博客评论功能

（1）用户评论成功，从新加载页面　　

　　//判断是否有打开过页面

　　if (getCurrentPages().length != 0) {

　　　　//刷新当前页面的数据

　　　　getCurrentPages()[getCurrentPages().length - 1].onLoad()

　　}

（2）盖楼式评论---数据库设计

　　这个真的是难倒我这个不精水的前端了，以前没接触过。感谢万能的网友，网上有好多意见

　　　　一、拆分两个表：评论表和回复表（ https://blog.csdn.net/ztchun/article/details/71106117）；

　　　　二、单个评论表加上评论id：parentid做为标识。（ https://blog.csdn.net/u014702653/article/details/54709553）

　　其实最好的作法是分表分库，能够节省重复查询，提升效率。

　　我的采用了单表设计，加了parentid做为标识。一次性查出该博客的全部评论，再对数据进行筛选（递归）

　　针对页面树形图展现，使用自定义组件，能够参考

　　　　 https://www.jianshu.com/p/dabca0161993?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

　　　　 https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/component.html

　　　　　

· （3）回复应该有一个评论/回复的消息推送（后续吧）

推荐网址： 

https://blog.csdn.net/zxg_1991/article/details/79918100

https://blog.csdn.net/yemuxia_sinian/article/details/83349758

https://developers.weixin.qq.com/miniprogram/dev/api/getAccessToken.html

https://developers.weixin.qq.com/miniprogram/dev/api/sendTemplateMessage.html

八、博客转载（分享事件）

 

九、个人页面功能完善

 个人博客+功能反馈+关于做者

问题记录：

（1）2018-08-23  ： emoji错误：ER_TRUNCATED_WRONG_VALUE_FOR_FIELD: Incorrect string value: '\xF0\x9F\x98\x8B\xF0\x9F...' for column 'post' at row 1

　　解决办法： 在phpMyAdmin中，对应的字段的属性排序规则，也设置为相应的utf8mb4相关的值。　　 https://developers.weixin.qq.com/community/develop/doc/000c4444fb43a0e683e621c445b000?highLine=Incorrect%2520string%2520value

（2）2018-10-24：Maximum call stack size exceeded（栈溢出，使用递归，无限循环下去了）　　 https://blog.csdn.net/u014291497/article/details/52124410

（3）2018-11-14：wafer2-client-sdk login 报错{"code":-1,"error":"ERR_REQUEST_PARAM"} 　　https://github.com/tencentyun/wafer2-quickstart/issues/13