整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
發(fā)一個(gè)公益志愿者服務(wù)招募的小程序，你需要考慮前端、后端、數(shù)據(jù)庫(kù)以及相關(guān)的第三方服務(wù)集成。以下是一個(gè)技術(shù)方案的概覽：
圖片來(lái)源pixabay
通過(guò)以上技術(shù)方案，你可以構(gòu)建一個(gè)功能全面、安全可靠、用戶體驗(yàn)良好的公益志愿者服務(wù)招募小程序。在開(kāi)發(fā)過(guò)程中，保持與團(tuán)隊(duì)成員的良好溝通，確保項(xiàng)目按時(shí)完成并達(dá)到預(yù)期目標(biāo)。
深圳智根網(wǎng)絡(luò)專注志原者平臺(tái)系統(tǒng)開(kāi)發(fā)，歡迎大家與深圳智根網(wǎng)絡(luò)小編交流學(xué)習(xí)！
們都知道，微信小程序已經(jīng)火了很久了，但是，應(yīng)該說(shuō)，現(xiàn)在才是最火的時(shí)候吧，畢竟，很早之前，想要寫個(gè)小程序Hello World，讓別人看看，你需要企業(yè)身份注冊(cè)（個(gè)體工商戶也可以），限制多，讓很多個(gè)人望而卻步。
時(shí)至今日（具體日期不再考究），可以個(gè)人注冊(cè)了，那么就讓我們來(lái)寫一個(gè)自己的Hello World吧。
第一步：注冊(cè)
在微信公眾平臺(tái)官網(wǎng)首頁(yè)，點(diǎn)擊注冊(cè)。（相關(guān)文檔可以找到，這里不再累述，望見(jiàn)諒。）
微信小程序注冊(cè)成功后界面
第二步：編輯器、開(kāi)發(fā)工具
我們假定你已經(jīng)申請(qǐng)注冊(cè)好微信小程序了，我們選定一個(gè)代碼開(kāi)發(fā)的編輯器。
這里，我推薦用：Sublime Text或者 Visual Studio Code。
然后下載微信開(kāi)發(fā)者工具（目前最新版：0.17.172600） 界面如下：
微信開(kāi)發(fā)者工具示意圖
如果你經(jīng)常用Chrome的話，是不是很類似，Chrome下開(kāi)啟調(diào)試工具（F12），切換到手機(jī)模式，調(diào)整調(diào)試工具的方向到右側(cè)貼邊。
第三步：寫代碼
我們用Sublime Text打開(kāi)一個(gè)空目錄，然后新建3個(gè)文件：app.js、app.json、app.wxss。
這3個(gè)文件是必須的，名字是固定的，app代表的就是這整個(gè)小程序，所以，我們從名字上就能看出它們的重要性了。
至于文件擴(kuò)展名，先說(shuō)明一下：.wxss表示css，.wxml表示html，.json表示配置信息，這樣，你就知道了，平時(shí)我們開(kāi)發(fā)一個(gè)網(wǎng)頁(yè)的3文件（html、css、js），是被另行規(guī)定了一下，你只要記住就行了，這是規(guī)則。
1、app.js
微信小程序app.js
這里，我們只寫一個(gè)空App({})，這是規(guī)定的語(yǔ)法，你也可以到微信小程序開(kāi)發(fā)文檔上看詳細(xì)說(shuō)明。
2、app.json
微信小程序app.json
這里大部分是固定的，你只需要改變配置信息就行，針對(duì)本文，你需要指定 hello.js（不帶擴(kuò)展名）。
3、app.wxss
微信小程序app.wxss
這是全局的css樣式定義，和你之前定義的main.css，讓整個(gè)網(wǎng)站都用的公共樣式一樣。
4、hello.js
我們新建一個(gè)pages文件夾，讓所有的頁(yè)面都在此管理，接著新建hello.js文件，如下：
微信小程序hello.js文件
Page({})這是固定的格式， data也是固定的，表示靜態(tài)數(shù)據(jù)用的，這里，我們定義message變量。
5、hello.wxml
微信小程序hello.wxml文件
這里的view是一個(gè)容器，類似我們經(jīng)常寫的div。然后模板引用數(shù)據(jù){{變量}}，上個(gè)文件，我們定義的變量在這里使用。
6、hello.wxss
微信小程序hello.wxss文件
定義了2個(gè)css類樣式，供上一個(gè)文件的標(biāo)簽class屬性使用。
第四步：調(diào)試預(yù)覽，上傳
把之前安裝的微信開(kāi)發(fā)者工具，打開(kāi)，創(chuàng)建項(xiàng)目，指定我們的代碼目錄，就可以預(yù)覽（需要微信驗(yàn)證登錄）。這一部分，不細(xì)說(shuō)了，官方的開(kāi)發(fā)文檔上有詳細(xì)的說(shuō)明。
調(diào)試預(yù)覽的效果，就如上邊編輯器的圖片那樣的。
關(guān)于上傳的，微信開(kāi)發(fā)者工具，就可以上傳， 但是，因?yàn)楸疚奶?jiǎn)單，即便上傳了，也不太會(huì)審核通過(guò)的。
至此，就介紹完這個(gè)小程序Hello World了，強(qiáng)烈建議你有空了，細(xì)看一下《微信小程序官方開(kāi)發(fā)文檔》。有什么不明白的，可以評(píng)論交流。
如果本文對(duì)你有點(diǎn)幫助，那么請(qǐng)關(guān)注我吧，求關(guān)注，求點(diǎn)贊，求轉(zhuǎn)發(fā)！！！
文以一次尋求免費(fèi)上傳本地Html方法的過(guò)程為例，總結(jié)從網(wǎng)絡(luò)獲取信息的經(jīng)驗(yàn)。
最近遇到過(guò)這類問(wèn)題：
我覺(jué)得長(zhǎng)輩與年輕人解決問(wèn)題的方法是各有側(cè)重的，長(zhǎng)輩們擅長(zhǎng)通過(guò)已有的閱歷和人脈解決問(wèn)題，而年輕人的優(yōu)勢(shì)在于愿意自己發(fā)掘新信息。
也許我們不是為了增長(zhǎng)知識(shí)，只是想找些樂(lè)子，但潛移默化中這種發(fā)掘信息的能力也將成為我們的寶貴財(cái)富。
本文立足于解決那些與自己專業(yè)不對(duì)口的、無(wú)法一次性搜索到答案的問(wèn)題，這類問(wèn)題有以下特征：
達(dá)成一個(gè)特定目的或許有很多方案，需要做的第一步：
列出這些方案，通過(guò)主觀判斷去掉不可行的，深入開(kāi)展自認(rèn)為可行的。
事情是這樣的，幾個(gè)朋友參加某考試需要背誦大量例題，我想幫他們做一個(gè)“單詞卡”式的復(fù)習(xí)文檔。關(guān)鍵功能是可以自由打開(kāi)或關(guān)閉答案，類似在單詞卡的正反面分別記錄單詞與釋義。思考后，我想到了兩個(gè)方案：
我很快放棄了第一個(gè)方案，考慮到：
而我主觀認(rèn)為方案2可以很好地彌補(bǔ)這三個(gè)缺陷，于是開(kāi)始落實(shí)它。
既然是解決一個(gè)全新的問(wèn)題，我就無(wú)法保證能夠按照自己的臆斷來(lái)順利完成，但也并非寸步難行。這就是第二步：
尚未超綱則步步為營(yíng)：按照一般邏輯把能做的先做了。
我完成了以下步驟：
我遇到了第一道坎：通過(guò)微信發(fā)送完動(dòng)態(tài)的文本后，接收者無(wú)法在iOS上打開(kāi)文件。嘗試處理：
我意識(shí)到這類本地Html無(wú)法直接使用，必須讓它能被手機(jī)瀏覽器打開(kāi)，那就得把它上傳到網(wǎng)上
網(wǎng)上搜索到的經(jīng)常會(huì)看不懂，需要做到第三步：
亂而不明則兼收并蓄：收集并總結(jié)有用的信息，適當(dāng)?shù)匮由臁?/span>
通過(guò)Google和百度，我檢索了“怎么把本地的Html上傳到網(wǎng)上”，檢索結(jié)果包括：
以上三個(gè)我都沒(méi)有辦法直接使用，我看不懂、買不起、做不來(lái)。但這三類信息有一些共性，我提取出了關(guān)鍵信息：購(gòu)買服務(wù)器，通過(guò)FTP上傳。
我考慮是否可以有免費(fèi)的方法，于是想到通過(guò)微信小程序上傳，相當(dāng)于借助騰訊的服務(wù)器。
我完成了以下步驟：
問(wèn)題來(lái)了：項(xiàng)目中的index.html無(wú)法用于小程序開(kāi)發(fā)工具。嘗試處理：
我想我得放棄走小程序這條路了，上述問(wèn)題可以解決，但我一個(gè)外行干不來(lái)，盯著這條路只會(huì)越走越遠(yuǎn)。
在第一次檢索到的信息和延伸出的方法失效后，已經(jīng)沒(méi)有明確的檢索目標(biāo)了。這是需要想出新方法才能繼續(xù)有東西檢索，所以第四步：
無(wú)跡可尋則創(chuàng)造痕跡：結(jié)合目的與經(jīng)驗(yàn)，思考可行的新方法，讓自己有信息可查。
這次該干什么？以前碼字時(shí)我有過(guò)搭建個(gè)人博客網(wǎng)站的念頭，是否可以搭建個(gè)人博客然后上傳本地Html。這非常可行，因?yàn)槲抑揽梢岳靡粋€(gè)叫Hexo的平臺(tái)搭建個(gè)人博客然后關(guān)聯(lián)到GitHub倉(cāng)庫(kù)，利用它的服務(wù)器來(lái)免費(fèi)上傳。這是一個(gè)兩步走的方法：
根據(jù)知乎上的Hexo個(gè)人博客搭建教程，我成功本地建站、關(guān)聯(lián)GitHub、提交配置和Html。我將域名發(fā)給朋友們，完成了此次分享。
其實(shí)以上所述是我完成這件事的幾個(gè)大節(jié)點(diǎn)，是保證探索方向正確的關(guān)鍵，但過(guò)程中的很多細(xì)節(jié)處理遠(yuǎn)稱不上順利，但這也讓我收獲了一些技巧和理念。這些收獲對(duì)處理網(wǎng)絡(luò)信息有很大幫助。
從小到大，電腦遇到了問(wèn)題，我使用得最多的解決方法就是重啟，也許一些問(wèn)題只需要略加操作即可解決，但我不懂，只有通過(guò)重啟來(lái)避免排查問(wèn)題。我也試過(guò)排查問(wèn)題，但在時(shí)間成本方面，重啟是最經(jīng)濟(jì)的做法。
做專業(yè)不對(duì)口的事情，排查問(wèn)題、弄清原理是非常耗時(shí)的；如果只需要達(dá)成當(dāng)前的特定目標(biāo)，照葫蘆畫瓢地遍歷每個(gè)步驟反而是最高效的
在搭建博客時(shí)，本地建站需要新建空文件夾、安裝Hexo、啟動(dòng)插件、清空、配置等等各種各樣的步驟，稍微錯(cuò)一步就會(huì)報(bào)錯(cuò)，我大概有一個(gè)小時(shí)都陷在了“打不開(kāi)本地博客”的問(wèn)題里。一開(kāi)始我是檢查終端命令行，哪一步有問(wèn)題我就修改，但始終差一點(diǎn)。
后來(lái)，經(jīng)過(guò)多次從第一步到最后一步的完整操作，建站成功。我已經(jīng)不關(guān)心之前報(bào)錯(cuò)是什么原因了，成功就行。
我在網(wǎng)上檢索時(shí)會(huì)帶著浮躁心態(tài)，搜索引擎推薦給我各個(gè)網(wǎng)站，我一一瀏覽過(guò)去，看不到想要的就退回去，繼續(xù)下一個(gè)網(wǎng)站。這種“泛檢索”完全浪費(fèi)了網(wǎng)站“物以類聚”的特性。一些專門性的網(wǎng)站的站內(nèi)聯(lián)想推薦往往比大型搜索引擎的推薦要更精準(zhǔn)。
遇到解答不了自己疑惑的文章，往下翻一翻，在同一個(gè)網(wǎng)站內(nèi)深度挖掘。畢竟這一整個(gè)網(wǎng)站都是沖這門學(xué)科來(lái)的。
在提交本地Html時(shí)，我發(fā)現(xiàn)Hexo只能展示Markdown文本，因?yàn)樗皇莻€(gè)博客平臺(tái)，文本才是主要內(nèi)容。我搜索了“怎么在Hexo顯示本地Html”，搜索結(jié)果非常少。
我選擇了CSDN網(wǎng)站的鏈接，上面是一位專業(yè)人員分享的解決類似問(wèn)題的方法。但由于它是專業(yè)的，很多步驟跳過(guò)了，我沒(méi)有辦法完全照做。于是我繼續(xù)往下翻，發(fā)現(xiàn)有大量同行分享了各自的方法，通過(guò)不斷點(diǎn)擊網(wǎng)站推薦的帖子，我最終整理出了完整的提交流程。
最后一步卡住了我好久，我已經(jīng)新建了“about”文件夾，成功提交了Html，但是打開(kāi)個(gè)人博客時(shí)還是不顯示頁(yè)面鏈接。CSDN上的帖子已經(jīng)翻得差不多了，沒(méi)有一個(gè)講了怎么跳轉(zhuǎn)到“about”，好像他們提交完就可以直接顯示了。
對(duì)于外行來(lái)說(shuō)，靈光乍現(xiàn)真是一棵救命稻草，我在個(gè)人博客的域名后添加了“/about”，回車，成功跳轉(zhuǎn)。
要是網(wǎng)上的信息實(shí)在幫不了忙，不如利用常識(shí)放手一試，也許很蠢，也許很成功。
這件事情解決的完美嗎？我不知道。有更高效的上傳方案嗎？我不知道。如果不是自己在網(wǎng)上搜，而是直接問(wèn)程序員朋友，會(huì)更省事嗎？我也不知道。
說(shuō)不定過(guò)一陣子，我和哪個(gè)朋友聊起這件事，他一語(yǔ)道破我把這件事做得太復(fù)雜，完全可以換一種思路輕松完成，到時(shí)候我會(huì)訕笑一聲，自嘲好傻。
但終歸我會(huì)了“免于購(gòu)買服務(wù)器和域名而直接上傳自己的本地頁(yè)面”這件事。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
