釘釘微應(yīng)用開發(fā)筆記

這是我的第一份博客毁菱,用于記錄自己正在開發(fā)的釘釘微應(yīng)用項(xiàng)目哭靖,以便于以后工作和自己開發(fā),希望自己以后能成為一流的開發(fā)人員欺冀。

開始

項(xiàng)目前端基于JS树绩,后端使用的nodejs。

這個項(xiàng)目讓我收獲的有:

1.熟悉JS使用
2.大致了解了koa框架的開發(fā)流程(希望以后能完整的開發(fā)一個koa項(xiàng)目供自己使用)
3.大致了解了jade模板引擎的使用方式脚猾,關(guān)于格式的縮進(jìn)葱峡,引擎的邏輯并沒有練習(xí)
4.釘釘?shù)母鞣NAPI調(diào)用  
5.使用nodemon自動啟動nodejs(修改代碼)

Koa

Koa是非常輕量的框架,能夠直接使用各種中間件開始開發(fā)自己想要的后端龙助,網(wǎng)上文檔清晰,中文文檔豐富蛛芥,最初接觸Node直接開始試用sails提鸟,框架龐大甚至臃腫,但是確實(shí)能省不少搭建的事仅淑,但是沒有中文文檔并且網(wǎng)上的資源極少称勋,對于剛?cè)腴T后端的我簡直痛苦不堪,如果以后有人請教我node怎么學(xué)習(xí)涯竟,我一定推薦他現(xiàn)在敲一天node赡鲜,然后再從express或者koa入門。

Jade模板引擎

相較于EJS其實(shí)我更喜歡用EJS庐船,EJS更貼近HTML银酬,格式更清晰,更容易理解筐钟,不過Jade也有他自己的好處揩瞪,通過縮進(jìn)就能調(diào)節(jié)格式,有自己獨(dú)特的一套格式篓冲,如果熟練也能很快的開發(fā)李破,這次試用Jade的原因是因?yàn)獒斸敼俜浇o的demo用的是Jade,換成EJS后并不知道怎么把獲取到的數(shù)據(jù)導(dǎo)入到EJS模板里的最終又換回來了壹将,以后可以直接試試在<% var demo = _demo %>注入一個參數(shù)試試

nodemon

nodemon是一個后端的管理工具嗤攻,能夠在我修改代碼后自動重啟服務(wù)器,還有其他功能這次并沒有使用诽俯,最初使用這類工具的目的是妇菱,在回家后云端的服務(wù)器會自動關(guān)閉,這類工具能夠解決這個問題。(但是并沒有解決...)

釘釘微應(yīng)用開發(fā)

這次主要開發(fā)的任務(wù)是釘釘微應(yīng)用的開發(fā)恶耽,項(xiàng)目的目的是為了讓公司的業(yè)務(wù)結(jié)合在釘釘上密任,這樣業(yè)務(wù)更流暢清晰,方便管理人員及時獲取外勤人員的狀態(tài)偷俭,任務(wù)的動向與錯誤匯報浪讳。

這是一個最初的設(shè)計(jì)樣式,其實(shí)就是用官方的demo結(jié)合而成的
涌萤,外勤人員進(jìn)入應(yīng)用可以看到自己待辦的任務(wù)和已完成的任務(wù)淹遵,點(diǎn)擊待辦任務(wù)可以更改完成情況已進(jìn)行任務(wù)反饋。

應(yīng)用開發(fā)分為幾個步奏:

1.需要登錄釘釘管理員平臺申請應(yīng)用

(后臺地址什么用還不知道~负溪,首頁地址及微應(yīng)用的地址透揣,PC版的需要單獨(dú)開發(fā),現(xiàn)在只用了移動版本的)

2.應(yīng)用創(chuàng)建好后就可以進(jìn)行開發(fā)了川抡,開發(fā)需要自己的服務(wù)器辐真,前端后釘釘?shù)姆?wù)器進(jìn)行幾次交互,來驗(yàn)證應(yīng)用以及調(diào)用更多的釘釘API崖堤,創(chuàng)建的流程如下圖

1.首先在服務(wù)器端通過corpid(公司ID)和corpsecret(公司密碼)獲取到access_token侍咱。
2.再通過獲取到的access_token獲取到j(luò)sapi_ticket。

3.通過把獲取到的nonceStr(用于生成簽名的隨機(jī)串'abcdefg')密幔,timeStamp(時間 戳),url(decodeURIComponent(this.href)),ticket(jsapi_ticket)通過算法獲得標(biāo)簽signature楔脯。
4.將標(biāo)簽signature,nonceStr(用于生成簽名的隨機(jī)串'abcdefg')胯甩,timeStamp(時間戳)昧廷,corpid(公司ID)發(fā)送給自己前端,用來調(diào)用jsApi:dd.config()

3.前端配置如下

直接對應(yīng)填寫相關(guān)數(shù)據(jù)即可
jsApiList是必須填寫的偎箫,你如果需要調(diào)用哪些API木柬,就要先填寫在這里,不然調(diào)用的時候會err

4.dd.ready()镜廉,當(dāng)釘釘api準(zhǔn)備好后弄诲,會執(zhí)行dd.ready,所以api應(yīng)該寫在這里面娇唯,不然可能會實(shí)現(xiàn)不了

5.免登:在客戶端通過
獲取到免登code齐遵,post到服務(wù)端

服務(wù)端獲取到這個code,然后通過corpid(公司ID)和corpsecret(公司密碼)獲取到access_token

然后通過access_token和獲取到的code通過/user/getuserinfo獲取到用戶信息

6.頁面跳轉(zhuǎn):頁面跳轉(zhuǎn)好像文檔里面沒有找到塔插,在官方給的demo里看到的dd.biz.util.openLink({ url: url });
直接使用openLink便可以實(shí)現(xiàn)頁面跳轉(zhuǎn)梗摇,跳轉(zhuǎn)到新的頁面還是要進(jìn)行dd.config({}),后臺要重新生成新的標(biāo)簽傳到新的頁面

其他都是業(yè)務(wù)上的邏輯了想许,如果有基礎(chǔ)上的更新以后可以繼續(xù)更新伶授,開發(fā)釘釘微應(yīng)用是基于前后端一體的項(xiàng)目断序,對自己之前各種知識算是一個匯總
12/19:更新免登
12/25:頁面跳轉(zhuǎn),后臺框架更新成sails

git地址:https://github.com/yhkevin93/node/tree/master/釘釘項(xiàng)目
sails版:https://github.com/yhkevin93/node/tree/master/釘釘項(xiàng)目sails

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末糜烹,一起剝皮案震驚了整個濱河市违诗,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌疮蹦,老刑警劉巖诸迟,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異愕乎,居然都是意外死亡阵苇,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進(jìn)店門感论,熙熙樓的掌柜王于貴愁眉苦臉地迎上來绅项,“玉大人,你說我怎么就攤上這事比肄】旃ⅲ” “怎么了?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵薪前,是天一觀的道長润努。 經(jīng)常有香客問我,道長示括,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任痢畜,我火速辦了婚禮垛膝,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘丁稀。我一直安慰自己吼拥,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布线衫。 她就那樣靜靜地躺著凿可,像睡著了一般。 火紅的嫁衣襯著肌膚如雪授账。 梳的紋絲不亂的頭發(fā)上枯跑,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天,我揣著相機(jī)與錄音白热,去河邊找鬼敛助。 笑死,一個胖子當(dāng)著我的面吹牛屋确,可吹牛的內(nèi)容都是我干的纳击。 我是一名探鬼主播续扔,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼焕数!你這毒婦竟也來了纱昧?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤堡赔,失蹤者是張志新(化名)和其女友劉穎识脆,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體加匈,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡存璃,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了雕拼。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片纵东。...
    茶點(diǎn)故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖啥寇,靈堂內(nèi)的尸體忽然破棺而出偎球,到底是詐尸還是另有隱情,我是刑警寧澤辑甜,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布衰絮,位于F島的核電站,受9級特大地震影響磷醋,放射性物質(zhì)發(fā)生泄漏猫牡。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一邓线、第九天 我趴在偏房一處隱蔽的房頂上張望淌友。 院中可真熱鬧,春花似錦骇陈、人聲如沸震庭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽器联。三九已至,卻和暖如春婿崭,著一層夾襖步出監(jiān)牢的瞬間拨拓,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工逛球, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留千元,地道東北人。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓颤绕,卻偏偏與公主長得像幸海,于是被迫代替她去往敵國和親祟身。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,762評論 2 345

推薦閱讀更多精彩內(nèi)容