我的第一个小程序(Discuz! + 微信小程序)
时间:2022-04-26
本文章向大家介绍我的第一个小程序(Discuz! + 微信小程序),主要内容包括我的收获、部分细节、第一节、第二节、第三节、基础展示、基本概念、基础应用、原理机制和需要注意的事项等,并结合实例形式分析了其使用技巧,希望通过本文能帮助到大家理解应用这部分内容。
关于这个小程序
Github : https://github.com/DowneyL/di...‘
这个小程序是公司针对一个自家产品的需求,而这个产品就是 Discuz (我知道没啥人用了,就不要吐槽了),版本是 X3.2 ,还是 GBK 编码!
在公司给了需求,稍微学习了一下小程序,就直接开干了,网上找到一个基础版本(可耻的不全是自己写的),修复了一些 BUG,新增了一部分功能,也砍掉了一部分功能,兼容了 GBK 版本的 Discuz,简单设计了一下小程序的样式,产品也就基本成型了。
之所以分享出来,是因为关于 Discuz 相关的文档、产品之类真的是太少了,想在一个平台上记录下来,如果碰见有缘人,没准能给他一些收获。 0.0
我的收获
- 关于 API 的开发有了一些理解(正好 Summer 大神出新书了,买了等更完再看)
- 微信公众号开发(原生 PHP 开发微信公众号,以及超神的 Easywechat) 也成功让公司论坛关联了 公众号,实现在公众号上,领取论坛金钱红包。
- 微信小程序开发(官方文档,正在开发的小程序的源码,都给了我不少启发)
- HTTP 到 HTTPS
- 小程序上富文本的解析 (一个优秀的开源项目:wxParse-微信小程序富文本解析组件 ) 作用在于:解析你论坛上的帖子内容,你论坛上加粗的文字,加了颜色的文字,图片等等,都可以原原本本的展示在小程序中。
- Flex 布局 这里分享阮老师的两篇文章 Flex 布局教程:语法篇 、Flex 布局教程:实例篇
- 两个 UI 组件 weui、zanui
- .....
部分细节
主要有以下几点功能,需要记录
第一节
-
file_get_content()
函数,在论坛上有可能无法使用,已经在 inc.php 文件中实现相同功能的
get_url_content() 函数。
function get_url_content($url) {
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
# curl_setopt($ch, CURLOPT_HEADER, 1);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);
if (!curl_exec($ch)) {
error_log(curl_error($ch));
$data = '';
} else {
$data = curl_multi_getcontent($ch);
}
curl_close($ch);
return $data;
}
- 由于论坛整体格式为 GBK,而和微信服务端交互,必须为 UTF-8 编码,所以对接口编码进行了一部分的优化。
输出的情况下,有 error.php 下的 array_iconv()
函数,来对输出数组进行编码的转换。
static function array_iconv($str, $in_charset = "UTF-8", $out_charset = CHARSET) {
if (is_array($str)) {
foreach ($str as $k => $v) {
$str[$k] = WmApiError::array_iconv($v, $in_charset, $out_charset);
}
return $str;
} else {
if (is_string($str)) {
// return iconv('UTF-8', 'GBK//IGNORE', $str); return mb_convert_encoding($str, $out_charset, $in_charset);
} else {
return $str;
}
}
接受的情况下, 有 inc.php 下的 getDataForCharset()
函数来整合接受编码。
function getDataForCharset($data) {
return (CHARSET != 'UTF-8') ? dhtmlspecialchars(WmApiError::array_iconv($data)) : dhtmlspecialchars($data);
}
- 关闭了微信登陆的功能。
- 获取帖子时新增了帖子的具体内容,message。
- 优化了其他一些细节部分的内容。
第二节
wxParse 做的事情
- 输出帖子时,对 Discuz Code 进行解码,同时,获取图片附件,以及表情图片。
- 接受时,解析文本的加粗、高亮、斜体、字体等。让帖子呈原样输出。
- 以上功能,重点在 wmapi/get_post_detail.php 、 wmapi/get_self_post.php 两个脚本中重点突出。
第三节
- 部分获取小程序的数据的方式为
get_url_content()
部分为file_get_content()
(生产环境可能由于设置问题,导致如此怪异,请结合自身服务器来看) - 首页新增加载状态 (加载中... 没有更多... 暂无数据...)
- 群组帖子,无法显示群组的名称
- 在小程序向服务器传递中文字符串的时候,先
encodeURI()
再到论坛服务器上urldecode()
最后进行 UTF8 -> GBK 的转码,当然,是有必要的情况下。
基础展示
本文作者: 八月第五天 原文地址:Discuz! + 微信小程序-实战教程-小程序社区-微信小程序-微信小程序开发社区-小程序开发论坛-微信小程序联盟 声明:本文来源于网络,版权归作者所有,不代表本专栏观点,有什么问题请联系我,谢谢!
- 子线程调用UI线程的方法
- Silverlight:Dependency Property(依赖属性)学习笔记
- Silverlight:利用异步加载Xap实现自定义loading效果
- Docker容器学习梳理--手动制作系统镜像
- 怎样裁剪图片的局部
- vb中实现最佳按钮效果
- silverlight:wcf双工通讯学习笔记
- Docker容器学习梳理--web管理工具DockerUI部署记录
- Docker容器学习梳理-容器硬盘热扩容
- 检测到Loaderlock的问题
- 权威报告预测比特币在2018年“王位”不保
- Linux下FTP环境部署梳理(vsftpd和proftpd)
- Silverlight如何与JS相互调用
- Docker容器学习梳理--私有仓库Registry使用
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- C#微信公众平台接入示例代码
- FreeRTOS三种数据结构区别(StreamBuffer,MessageBuffer,Queue)
- Keras & Tensorflow 笔记
- Netty之HTTP协议应用开发
- 超全Python IDE武器库大总结,优缺点一目了然!
- Set源码解析(红黑树)
- RouteOnAttribute
- PutHiveStreaming
- 【LINUX】开发环境搭建
- C 库函数 - strcat()
- 快速搞定 uiautomator2 自动化测试工具使用
- AvroRecordSetWriter
- AvroReader
- 【FreeRTOS】事件标志组
- Spring整合WebSocket