我的第一個小程序（Discuz! + 微信小程序）

YacaToy 發布于2019-06-28 18:22 / 1042人閱讀

摘要：微信小程序開發官方文檔，正在開發的小程序的源碼，都給了我不少啟發到小程序上富文本的解析一個優秀的開源項目微信小程序富文本解析組件作用在于解析你論壇上的帖子內容，你論壇上加粗的文字，加了顏色的文字，圖片等等，都可以原原本本的展示在小程序中。

關于這個小程序

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 的轉碼，當然，是有必要的情況下。

基礎展示

GPU云服務器云服務器做一個微信小程序怎么開發一個微信小程序如何做一個微信小程序微信小程序做一個多少錢

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/28192.html

微信小程序快速入門1

摘要：注意如果我們不是用注冊時綁定的管理員微信號，在手機上體驗該小程序。微信小程序會讀取這些文件，并生成小程序實例。下面我們簡單了解這三個文件的功能，方便修改以及從頭開發自己的微信小程序。獲取微信小程序的AppID首先，我們需要擁有一個帳號，如果你能看到該文檔，我們應當已經邀請并為你創建好一個帳號。注意不可直接使用服務號或訂閱號的AppID。利用提供的帳號，登錄https://mp.we...

pumpkin9 2019-08-20 11:13 評論0 收藏0
用微信小程序云開發做一個錯誤日志

摘要：那么還是按照微信推薦，一個做測試一個做正式，命名也盡量規范一點。為什么要用云開發做錯誤日志：我司沒有測試，所以產品上線的話比較多不確定性云開發業務并不穩定，且有限制，所以不建議直接用做整個小程序的后臺開發。做錯誤日志并不會影響小程序的流程出bug后，難定位問題，尤其是線上錯誤如果叫后端小伙伴給接口記錄錯誤，總是不方便，還是自己動手豐衣足食嘗鮮基于以上的原因，在小程序...

MASAILA 2019-08-23 14:13 評論0 收藏0
一個菜鳥(老yin逼)教后端的你如何"一天"做好微信小程序

摘要：自從微信公開課說可以真機調試，我煞費苦心亂琢磨做，看文檔，畫葫蘆畫瓢，終于做一個小程序并上傳而且審核成功了。就是微信給我們提供的。你要問我為什么，畫葫蘆畫瓢不會啊不過聽說微信的語法是什么的，雖然我不懂。前言萬事開頭難，小程序也不例外。慕課網那個小程序課程微信小程序入門與實戰，說實話，那時候剛出我就買了，然而我一個做后端從提不起興趣靜下心看。自從微信公開課說可以真機調試，我煞費苦心...

mindwind 2019-08-30 13:55 評論0 收藏0
一個菜鳥(老yin逼)教后端的你如何"一天"做好微信小程序

摘要：自從微信公開課說可以真機調試，我煞費苦心亂琢磨做，看文檔，畫葫蘆畫瓢，終于做一個小程序并上傳而且審核成功了。就是微信給我們提供的。你要問我為什么，畫葫蘆畫瓢不會啊不過聽說微信的語法是什么的，雖然我不懂。前言萬事開頭難，小程序也不例外。慕課網那個小程序課程微信小程序入門與實戰，說實話，那時候剛出我就買了，然而我一個做后端從提不起興趣靜下心看。自從微信公開課說可以真機調試，我煞費苦心...

elva 2019-08-26 11:36 評論0 收藏0
一個菜鳥(老yin逼)教后端的你如何"一天"做好微信小程序

摘要：自從微信公開課說可以真機調試，我煞費苦心亂琢磨做，看文檔，畫葫蘆畫瓢，終于做一個小程序并上傳而且審核成功了。就是微信給我們提供的。你要問我為什么，畫葫蘆畫瓢不會啊不過聽說微信的語法是什么的，雖然我不懂。前言萬事開頭難，小程序也不例外。慕課網那個小程序課程微信小程序入門與實戰，說實話，那時候剛出我就買了，然而我一個做后端從提不起興趣靜下心看。自從微信公開課說可以真機調試，我煞費苦心...

Kyxy 2019-08-01 18:32 評論0 收藏0