摘要:微信小程序開發(fā)官方文檔,正在開發(fā)的小程序的源碼,都給了我不少啟發(fā)到小程序上富文本的解析一個(gè)優(yōu)秀的開源項(xiàng)目微信小程序富文本解析組件作用在于解析你論壇上的帖子內(nèi)容,你論壇上加粗的文字,加了顏色的文字,圖片等等,都可以原原本本的展示在小程序中。
關(guān)于這個(gè)小程序
Github : https://github.com/DowneyL/di...‘
這個(gè)小程序是公司針對(duì)一個(gè)自家產(chǎn)品的需求,而這個(gè)產(chǎn)品就是 Discuz (我知道沒啥人用了,就不要吐槽了),版本是 X3.2 ,還是 GBK 編碼!
在公司給了需求,稍微學(xué)習(xí)了一下小程序,就直接開干了,網(wǎng)上找到一個(gè)基礎(chǔ)版本(可恥的不全是自己寫的),修復(fù)了一些 BUG,新增了一部分功能,也砍掉了一部分功能,兼容了 GBK 版本的 Discuz,簡(jiǎn)單設(shè)計(jì)了一下小程序的樣式,產(chǎn)品也就基本成型了。
之所以分享出來,是因?yàn)殛P(guān)于 Discuz 相關(guān)的文檔、產(chǎn)品之類真的是太少了,想在一個(gè)平臺(tái)上記錄下來,如果碰見有緣人,沒準(zhǔn)能給他一些收獲。 0.0
我的收獲關(guān)于 API 的開發(fā)有了一些理解(正好 Summer 大神出新書了,買了等更完再看)
微信公眾號(hào)開發(fā)(原生 PHP 開發(fā)微信公眾號(hào),以及超神的 Easywechat)
也成功讓公司論壇關(guān)聯(lián)了 公眾號(hào),實(shí)現(xiàn)在公眾號(hào)上,領(lǐng)取論壇金錢紅包。
微信小程序開發(fā)(官方文檔,正在開發(fā)的小程序的源碼,都給了我不少啟發(fā))
HTTP 到 HTTPS
小程序上富文本的解析 (一個(gè)優(yōu)秀的開源項(xiàng)目:wxParse-微信小程序富文本解析組件 )
作用在于:解析你論壇上的帖子內(nèi)容,你論壇上加粗的文字,加了顏色的文字,圖片等等,都可以原原本本的展示在小程序中。
Flex 布局
這里分享阮老師的兩篇文章 Flex 布局教程:語法篇 、Flex 布局教程:實(shí)例篇
兩個(gè) UI 組件 weui、zanui
.....
部分細(xì)節(jié)主要有以下幾點(diǎn)功能,需要記錄第一節(jié)
file_get_content() 函數(shù),在論壇上有可能無法使用,已經(jīng)在 inc.php 文件中實(shí)現(xiàn)相同功能的
get_url_content() 函數(shù)。
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,而和微信服務(wù)端交互,必須為 UTF-8 編碼,所以對(duì)接口編碼進(jìn)行了一部分的優(yōu)化。
輸出的情況下,有 error.php 下的 array_iconv() 函數(shù),來對(duì)輸出數(shù)組進(jìn)行編碼的轉(zhuǎn)換。
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() 函數(shù)來整合接受編碼。
function getDataForCharset($data) { return (CHARSET != "UTF-8") ? dhtmlspecialchars(WmApiError::array_iconv($data)) : dhtmlspecialchars($data); }
關(guān)閉了微信登陸的功能。
獲取帖子時(shí)新增了帖子的具體內(nèi)容,message。
優(yōu)化了其他一些細(xì)節(jié)部分的內(nèi)容。
第二節(jié)wxParse 做的事情
輸出帖子時(shí),對(duì) Discuz Code 進(jìn)行解碼,同時(shí),獲取圖片附件,以及表情圖片。
接受時(shí),解析文本的加粗、高亮、斜體、字體等。讓帖子呈原樣輸出。
以上功能,重點(diǎn)在 wmapi/get_post_detail.php 、 wmapi/get_self_post.php 兩個(gè)腳本中重點(diǎn)突出。
第三節(jié)部分獲取小程序的數(shù)據(jù)的方式為 get_url_content() 部分為 file_get_content() (生產(chǎn)環(huán)境可能由于設(shè)置問題,導(dǎo)致如此怪異,請(qǐng)結(jié)合自身服務(wù)器來看)
首頁新增加載狀態(tài) (加載中... 沒有更多... 暫無數(shù)據(jù)...)
群組帖子,無法顯示群組的名稱
在小程序向服務(wù)器傳遞中文字符串的時(shí)候,先 encodeURI() 再到論壇服務(wù)器上 urldecode() 最后進(jìn)行 UTF8 -> GBK 的轉(zhuǎn)碼,當(dāng)然,是有必要的情況下。
基礎(chǔ)展示文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/28192.html
摘要:注意如果我們不是用注冊(cè)時(shí)綁定的管理員微信號(hào),在手機(jī)上體驗(yàn)該小程序。微信小程序會(huì)讀取這些文件,并生成小程序?qū)嵗?。下面我們?jiǎn)單了解這三個(gè)文件的功能,方便修改以及從頭開發(fā)自己的微信小程序。 獲取微信小程序的AppID首先,我們需要擁有一個(gè)帳號(hào),如果你能看到該文檔,我們應(yīng)當(dāng)已經(jīng)邀請(qǐng)并為你創(chuàng)建好一個(gè)帳號(hào)。注意不可直接使用服務(wù)號(hào)或訂閱號(hào)的AppID。 利用提供的帳號(hào),登錄https://mp.we...
摘要:那么還是按照微信推薦,一個(gè)做測(cè)試一個(gè)做正式,命名也盡量規(guī)范一點(diǎn)。 為什么要用云開發(fā)做錯(cuò)誤日志: 我司沒有測(cè)試,所以產(chǎn)品上線的話比較多不確定性 云開發(fā)業(yè)務(wù)并不穩(wěn)定,且有限制,所以不建議直接用做整個(gè)小程序的后臺(tái)開發(fā)。 做錯(cuò)誤日志并不會(huì)影響小程序的流程 出bug后,難定位問題,尤其是線上錯(cuò)誤 如果叫后端小伙伴給接口記錄錯(cuò)誤,總是不方便,還是自己動(dòng)手豐衣足食 嘗鮮 基于以上的原因,在小程序...
摘要:自從微信公開課說可以真機(jī)調(diào)試,我煞費(fèi)苦心亂琢磨做,看文檔,畫葫蘆畫瓢,終于做一個(gè)小程序并上傳而且審核成功了。就是微信給我們提供的。你要問我為什么,畫葫蘆畫瓢不會(huì)啊不過聽說微信的語法是什么的,雖然我不懂。 前言 萬事開頭難,小程序也不例外。慕課網(wǎng)那個(gè)小程序課程微信小程序入門與實(shí)戰(zhàn) ,說實(shí)話,那時(shí)候剛出我就買了,然而我一個(gè)做后端從提不起興趣靜下心看。自從微信公開課說可以真機(jī)調(diào)試,我煞費(fèi)苦心...
摘要:自從微信公開課說可以真機(jī)調(diào)試,我煞費(fèi)苦心亂琢磨做,看文檔,畫葫蘆畫瓢,終于做一個(gè)小程序并上傳而且審核成功了。就是微信給我們提供的。你要問我為什么,畫葫蘆畫瓢不會(huì)啊不過聽說微信的語法是什么的,雖然我不懂。 前言 萬事開頭難,小程序也不例外。慕課網(wǎng)那個(gè)小程序課程微信小程序入門與實(shí)戰(zhàn) ,說實(shí)話,那時(shí)候剛出我就買了,然而我一個(gè)做后端從提不起興趣靜下心看。自從微信公開課說可以真機(jī)調(diào)試,我煞費(fèi)苦心...
摘要:自從微信公開課說可以真機(jī)調(diào)試,我煞費(fèi)苦心亂琢磨做,看文檔,畫葫蘆畫瓢,終于做一個(gè)小程序并上傳而且審核成功了。就是微信給我們提供的。你要問我為什么,畫葫蘆畫瓢不會(huì)啊不過聽說微信的語法是什么的,雖然我不懂。 前言 萬事開頭難,小程序也不例外。慕課網(wǎng)那個(gè)小程序課程微信小程序入門與實(shí)戰(zhàn) ,說實(shí)話,那時(shí)候剛出我就買了,然而我一個(gè)做后端從提不起興趣靜下心看。自從微信公開課說可以真機(jī)調(diào)試,我煞費(fèi)苦心...
閱讀 2905·2021-10-14 09:50
閱讀 1239·2021-10-08 10:21
閱讀 3673·2021-10-08 10:16
閱讀 3078·2021-09-27 14:02
閱讀 3150·2021-09-23 11:21
閱讀 2156·2021-09-07 10:17
閱讀 421·2019-08-30 14:00
閱讀 2131·2019-08-29 17:26