资讯专栏INFORMATION COLUMN

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

YacaToy / 845人阅读

摘要:微信小程序开发官方文档,正在开发的小程序的源码,都给了我不少启发到小程序上富文本的解析一个优秀的开源项目微信小程序富文本解析组件作用在于解析你论坛上的帖子内容,你论坛上加粗的文字,加了颜色的文字,图片等等,都可以原原本本的展示在小程序中。

关于这个小程序

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.phpwmapi/get_self_post.php 两个脚本中重点突出。

第三节

部分获取小程序的数据的方式为 get_url_content() 部分为 file_get_content() (生产环境可能由于设置问题,导致如此怪异,请结合自身服务器来看)

首页新增加载状态 (加载中... 没有更多... 暂无数据...)

群组帖子,无法显示群组的名称

在小程序向服务器传递中文字符串的时候,先 encodeURI() 再到论坛服务器上 urldecode() 最后进行 UTF8 -> GBK 的转码,当然,是有必要的情况下。

基础展示



文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/28192.html

相关文章

  • 微信程序快速入门1

    摘要:注意如果我们不是用注册时绑定的管理员微信号,在手机上体验该小程序。微信小程序会读取这些文件,并生成小程序实例。下面我们简单了解这三个文件的功能,方便修改以及从头开发自己的微信小程序。 获取微信小程序的AppID首先,我们需要拥有一个帐号,如果你能看到该文档,我们应当已经邀请并为你创建好一个帐号。注意不可直接使用服务号或订阅号的AppID。 利用提供的帐号,登录https://mp.we...

    pumpkin9 评论0 收藏0
  • 微信程序云开发做一个错误日志

    摘要:那么还是按照微信推荐,一个做测试一个做正式,命名也尽量规范一点。 为什么要用云开发做错误日志: 我司没有测试,所以产品上线的话比较多不确定性 云开发业务并不稳定,且有限制,所以不建议直接用做整个小程序的后台开发。 做错误日志并不会影响小程序的流程 出bug后,难定位问题,尤其是线上错误 如果叫后端小伙伴给接口记录错误,总是不方便,还是自己动手丰衣足食 尝鲜 基于以上的原因,在小程序...

    MASAILA 评论0 收藏0
  • 一个菜鸟(老yin逼)教后端的你如何"一天"做好微信程序

    摘要:自从微信公开课说可以真机调试,我煞费苦心乱琢磨做,看文档,画葫芦画瓢,终于做一个小程序并上传而且审核成功了。就是微信给我们提供的。你要问我为什么,画葫芦画瓢不会啊不过听说微信的语法是什么的,虽然我不懂。 前言 万事开头难,小程序也不例外。慕课网那个小程序课程微信小程序入门与实战 ,说实话,那时候刚出我就买了,然而我一个做后端从提不起兴趣静下心看。自从微信公开课说可以真机调试,我煞费苦心...

    mindwind 评论0 收藏0
  • 一个菜鸟(老yin逼)教后端的你如何"一天"做好微信程序

    摘要:自从微信公开课说可以真机调试,我煞费苦心乱琢磨做,看文档,画葫芦画瓢,终于做一个小程序并上传而且审核成功了。就是微信给我们提供的。你要问我为什么,画葫芦画瓢不会啊不过听说微信的语法是什么的,虽然我不懂。 前言 万事开头难,小程序也不例外。慕课网那个小程序课程微信小程序入门与实战 ,说实话,那时候刚出我就买了,然而我一个做后端从提不起兴趣静下心看。自从微信公开课说可以真机调试,我煞费苦心...

    elva 评论0 收藏0
  • 一个菜鸟(老yin逼)教后端的你如何"一天"做好微信程序

    摘要:自从微信公开课说可以真机调试,我煞费苦心乱琢磨做,看文档,画葫芦画瓢,终于做一个小程序并上传而且审核成功了。就是微信给我们提供的。你要问我为什么,画葫芦画瓢不会啊不过听说微信的语法是什么的,虽然我不懂。 前言 万事开头难,小程序也不例外。慕课网那个小程序课程微信小程序入门与实战 ,说实话,那时候刚出我就买了,然而我一个做后端从提不起兴趣静下心看。自从微信公开课说可以真机调试,我煞费苦心...

    Kyxy 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<