前言
在生活中贞盯，對(duì)我來(lái)說(shuō)有個(gè)非常痛的痛點(diǎn)，就是經(jīng)常會(huì)忘記一些重要的日子沪饺，比如家人的生日躏敢，紀(jì)念日等。作為一個(gè)單純的打工人整葡，我只對(duì)今天是周幾比較敏感件余，對(duì)日期并不敏感，農(nóng)歷日期就更不用說(shuō)了遭居。而忘記這些日子啼器，輕則讓相關(guān)人員心內(nèi)失望，重則讓自己睡好幾天沙發(fā)俱萍，所以這個(gè)痛點(diǎn)必須解決端壳。
基于此，我想到了開(kāi)發(fā)一個(gè)時(shí)間管理的小程序枪蘑，可以在這些日期到來(lái)之前更哄，發(fā)送微信通知給我，從而讓我對(duì)此有所準(zhǔn)備腥寇。
說(shuō)干就干成翩，經(jīng)過(guò)一個(gè)多月有一搭沒(méi)一搭的開(kāi)發(fā)，我的小程序上線了赦役，雖然忠實(shí)用戶只有我和我女朋友麻敌，但還是滿滿的成就感。
雖然是一個(gè)簡(jiǎn)單應(yīng)用掂摔，但麻雀雖小术羔，五臟俱全，中間還是涉及到很多知識(shí)點(diǎn)可以分享乙漓，接下來(lái)我將把開(kāi)發(fā)過(guò)程中的問(wèn)題一一展示级历。
涉及的技術(shù)點(diǎn)
- 小程序接口封裝，自動(dòng)登錄
- 小程序用戶體系叭披，小程序消息訂閱
- 圖片上傳
- 生成小程序碼
- 文本內(nèi)容支持emoj表情等
后面是對(duì)小程序功能的一些介紹寥殖，方便后續(xù)講知識(shí)點(diǎn)時(shí)有個(gè)背景參考，如果不感興趣，可以直接跳到下篇文章了嚼贡。
頁(yè)面展示
小程序有兩個(gè)tab熏纯，【首頁(yè)】和【我的】。
首頁(yè)
如下圖所示粤策，首頁(yè)由日歷和當(dāng)天待辦日程構(gòu)成樟澜，日歷可以展開(kāi)收起。
1. 日歷
該日歷可以展示星期叮盘、農(nóng)歷/陽(yáng)歷日期秩贰、節(jié)日、節(jié)氣柔吼、法定假期萍膛、調(diào)休安排等，功能十分齊全嚷堡。
這個(gè)日歷是自己實(shí)現(xiàn)的蝗罗，使用了小程序原生的swiper組件，構(gòu)建日歷的二維數(shù)組展示即可蝌戒，難度不大在這里簡(jiǎn)單提一嘴即可串塑。
日歷農(nóng)歷陽(yáng)歷換算，節(jié)日換算北苟，法定節(jié)假日休假安排等桩匪，自己寫(xiě)代碼很復(fù)雜，還不準(zhǔn)友鼻，推薦一個(gè)npm庫(kù)lunar-javascript傻昙。
2. 今日日程
日程分為三類(lèi)，日程彩扔、紀(jì)念日妆档、每日打卡，如果當(dāng)天有某種分類(lèi)的安排虫碉，就會(huì)在下面展示出來(lái)贾惦，不同分類(lèi)的展示略有不同，比如每日打卡會(huì)顯示當(dāng)前打卡進(jìn)度以及打卡按鈕敦捧，方便操作须板。
剛進(jìn)入小程序，如果當(dāng)天有日程安排兢卵，默認(rèn)會(huì)收起日歷习瑰，如果沒(méi)有安排，則默認(rèn)展開(kāi)日歷秽荤。
我的
個(gè)人中心由三部分組成
- 個(gè)人信息
這里顯示頭像和昵稱甜奄，點(diǎn)擊可以進(jìn)入編輯頁(yè)柠横，設(shè)置這些信息。由于微信限制贺嫂，開(kāi)發(fā)者不可以直接獲取微信頭像和昵稱滓鸠，所以需要有個(gè)編輯頁(yè)雁乡，讓用戶自己設(shè)置第喳，否則就展示默認(rèn)的頭像和昵稱。 - 事件相關(guān)
全部事件展示當(dāng)前用戶設(shè)置的打卡和日程數(shù)量踱稍，點(diǎn)擊可以進(jìn)入詳細(xì)列表曲饱。
由于微信小程序訂閱消息分為長(zhǎng)期訂閱和一次性訂閱兩種，前者是用戶授權(quán)一次珠月，即可無(wú)限給用戶發(fā)通知扩淀，后者是用戶授權(quán)一次，只能給用戶發(fā)一次通知啤挎。而長(zhǎng)期訂閱有嚴(yán)格的服務(wù)領(lǐng)域限制驻谆，這種日程提醒的服務(wù)只能使用一次性訂閱。
為了解決用戶授權(quán)次數(shù)不足庆聘，無(wú)法正常發(fā)送服務(wù)通知的問(wèn)題胜臊，有兩種方案：- 提供一個(gè)公共位置，讓用戶可以手動(dòng)授權(quán)伙判，增加訂閱次數(shù)象对，并且小程序可以記錄剩余的可通知次數(shù)。我用的就是這種方案宴抚。
- 將小程序與公眾號(hào)綁定勒魔，如果小程序服務(wù)通知發(fā)送失敗，則通過(guò)關(guān)聯(lián)的公眾號(hào)推送通知菇曲。正常是通過(guò)微信開(kāi)放平臺(tái)將小程序與公眾號(hào)綁定冠绢，不過(guò)這個(gè)是收費(fèi)的，而且必須是企業(yè)號(hào)常潮，所以我沒(méi)用這個(gè)方案唐全。
如何關(guān)聯(lián)小程序和公眾號(hào)
如果大伙有方案可以繞過(guò)微信限制將小程序和公眾號(hào)的用戶體系關(guān)聯(lián)，可以評(píng)論區(qū)教教我蕊玷。
- 通用功能
暫時(shí)只做了意見(jiàn)反饋邮利，后續(xù)可以擴(kuò)展一些全局設(shè)置的能力。
創(chuàng)建日程
創(chuàng)建一個(gè)日程的必要信息如下
- 日程名稱
-
開(kāi)始時(shí)間
支持公歷和農(nóng)歷時(shí)間切換垃帅，解決記不住日子的根本痛點(diǎn) -
重復(fù)方式
創(chuàng)建日程-重復(fù)方式
支持不重復(fù)延届、按天、周贸诚、月方庭、年厕吉、星期的重復(fù)方式。小程序會(huì)按這個(gè)時(shí)間周期械念，將該日程列在每日日程中头朱，在日程列表中，會(huì)展示距離該日程還有多少天龄减。
-
提醒方式
可選不提醒项钮、當(dāng)天提醒、前一天希停、前兩天烁巫、前三天提醒。
假設(shè)提前三天提醒宠能，則會(huì)在開(kāi)始日期前三天開(kāi)始亚隙，每天指定時(shí)間發(fā)消息通知提醒該日程。 -
提醒時(shí)間
選擇發(fā)送消息推送的時(shí)間违崇，可選時(shí)間為上午6點(diǎn)到晚上12點(diǎn) - 備注
日程列表
- 日程阿弃、紀(jì)念日的展示邏輯相同，展示日程名稱羞延、目標(biāo)日期渣淳、距離目標(biāo)日期天數(shù)、重復(fù)方式肴楷。
- 每日打卡展示日程名稱水由、開(kāi)始時(shí)間、打卡進(jìn)度赛蔫。
打卡詳情
創(chuàng)建打卡后砂客，可以分享給好友，讓好友加入該打卡呵恢。如圖鞠值，該打卡有三人加入。
詳情中默認(rèn)會(huì)展示所有成員的打卡記錄渗钉，可以通過(guò)點(diǎn)擊“只看自己”切換展示模式彤恶。
如果當(dāng)前用戶打卡次數(shù)未達(dá)到目標(biāo)天數(shù)，將展示打卡按鈕鳄橘，點(diǎn)擊打卡声离，彈出彈窗，用戶可以輸入對(duì)本次打卡的描述瘫怜，默認(rèn)填寫(xiě)“打卡”术徊。
消息通知
如果設(shè)置了需要提醒的日程，小程序會(huì)通過(guò)服務(wù)通知鲸湃，定時(shí)給用戶發(fā)推送消息赠涮，點(diǎn)擊消息卡片可以進(jìn)入日程詳情子寓。
總結(jié)
小程序的基本功能就介紹到這里了，歡迎大伙兒批評(píng)指正笋除。
后續(xù)文章將會(huì)按照最上面列出來(lái)的相關(guān)知識(shí)點(diǎn)一一展開(kāi)分享斜友，如果有問(wèn)題，歡迎提出討論垃它。
