我的第一个小程序(Discuz! + 微信小程序)

时间:2022-04-26
本文章向大家介绍我的第一个小程序(Discuz! + 微信小程序),主要内容包括我的收获、部分细节、第一节、第二节、第三节、基础展示、基本概念、基础应用、原理机制和需要注意的事项等,并结合实例形式分析了其使用技巧,希望通过本文能帮助到大家理解应用这部分内容。

关于这个小程序

Github : https://github.com/DowneyL/di...

这个小程序是公司针对一个自家产品的需求,而这个产品就是 Discuz (我知道没啥人用了,就不要吐槽了),版本是 X3.2 ,还是 GBK 编码!

在公司给了需求,稍微学习了一下小程序,就直接开干了,网上找到一个基础版本(可耻的不全是自己写的),修复了一些 BUG,新增了一部分功能,也砍掉了一部分功能,兼容了 GBK 版本的 Discuz,简单设计了一下小程序的样式,产品也就基本成型了。

之所以分享出来,是因为关于 Discuz 相关的文档、产品之类真的是太少了,想在一个平台上记录下来,如果碰见有缘人,没准能给他一些收获。 0.0

我的收获

  1. 关于 API 的开发有了一些理解(正好 Summer 大神出新书了,买了等更完再看)
  2. 微信公众号开发(原生 PHP 开发微信公众号,以及超神的 Easywechat) 也成功让公司论坛关联了 公众号,实现在公众号上,领取论坛金钱红包。
  3. 微信小程序开发(官方文档,正在开发的小程序的源码,都给了我不少启发)
  4. HTTP 到 HTTPS
  5. 小程序上富文本的解析 (一个优秀的开源项目:wxParse-微信小程序富文本解析组件 ) 作用在于:解析你论坛上的帖子内容,你论坛上加粗的文字,加了颜色的文字,图片等等,都可以原原本本的展示在小程序中。
  6. Flex 布局 这里分享阮老师的两篇文章 Flex 布局教程:语法篇Flex 布局教程:实例篇
  7. 两个 UI 组件 weuizanui
  8. .....

部分细节

主要有以下几点功能,需要记录

第一节

  1. 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;
} 
  1. 由于论坛整体格式为 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);
} 
  1. 关闭了微信登陆的功能。
  2. 获取帖子时新增了帖子的具体内容,message。
  3. 优化了其他一些细节部分的内容。

第二节

wxParse 做的事情

  1. 输出帖子时,对 Discuz Code 进行解码,同时,获取图片附件,以及表情图片。
  2. 接受时,解析文本的加粗、高亮、斜体、字体等。让帖子呈原样输出。
  3. 以上功能,重点在 wmapi/get_post_detail.phpwmapi/get_self_post.php 两个脚本中重点突出。

第三节

  1. 部分获取小程序的数据的方式为 get_url_content() 部分为 file_get_content() (生产环境可能由于设置问题,导致如此怪异,请结合自身服务器来看)
  2. 首页新增加载状态 (加载中... 没有更多... 暂无数据...)
  3. 群组帖子,无法显示群组的名称
  4. 在小程序向服务器传递中文字符串的时候,先 encodeURI() 再到论坛服务器上 urldecode() 最后进行 UTF8 -> GBK 的转码,当然,是有必要的情况下。

基础展示

本文作者: 八月第五天 原文地址:Discuz! + 微信小程序-实战教程-小程序社区-微信小程序-微信小程序开发社区-小程序开发论坛-微信小程序联盟 声明:本文来源于网络,版权归作者所有,不代表本专栏观点,有什么问题请联系我,谢谢!