摘要：市面上有許許多多的密碼管理工具，為何要特意造輪子呢自己造的輪子放心。先回想一下平時(shí)使用百度時(shí)的三個(gè)基本狀態(tài)不進(jìn)行任何搜索操作時(shí)進(jìn)行關(guān)鍵詞搜索且有結(jié)果時(shí)無(wú)結(jié)果時(shí)需要點(diǎn)擊百度一下因而在中的搜索密碼創(chuàng)建密碼的交互邏輯也與此類(lèi)似。

LockMe 是什么呢？

一款免費(fèi)開(kāi)源的密碼管理小程序。

源碼地址 https://github.com/pushmetop/lockme 。

市面上有許許多多的密碼管理工具，為何要特意造輪子呢？

自己造的輪子放心。

需要寫(xiě)一個(gè)小程序練手。

想體驗(yàn) 免費(fèi) 小程序云所謂的 Serverless。

為什么不使用 wepy 這類(lèi)小程序開(kāi)發(fā)框架呢？

學(xué)習(xí)和使用一個(gè)知識(shí)的時(shí)候，要知其然，知其所以然。

wepy 等框架其實(shí)對(duì)小程序進(jìn)行了很多特殊的封裝，如果對(duì)小程序本身不熟悉，出現(xiàn)錯(cuò)誤的時(shí)候有可能會(huì)一頭霧水。

LockMe 怎么保證安全性？

采用了 國(guó)密算法 SM2 的公私鑰算法。

私鑰由用戶個(gè)人進(jìn)行保存。

私鑰不進(jìn)行觸網(wǎng)。

密碼數(shù)據(jù)都由公鑰進(jìn)行加密存儲(chǔ)。

初始化項(xiàng)目

創(chuàng)建 project.config.json

復(fù)制 miniprogram/config-example.js 為 miniprogram/utils/Config.js 環(huán)境變量

配置 miniprogram/utils/Config.js 環(huán)境變量

上傳 cloudfunctions/ 云函數(shù)

根據(jù) cloudfunction.collection 創(chuàng)建云數(shù)據(jù)庫(kù)

環(huán)境變量說(shuō)明

cloud.env 小程序云環(huán)境 ID

cloud.collection 小程序云的對(duì)應(yīng)數(shù)據(jù)庫(kù)集合

cloud.collection.safes 密碼集合

cloud.collection.settings 設(shè)置集合

其他配置請(qǐng)參考小程序官方文檔 傳送門(mén)

小程序二維碼

初始化

密碼中心

設(shè)置

基于大家日常生活中最常使用的網(wǎng)站 百度 的交互進(jìn)行設(shè)計(jì)，更方便和直覺(jué)的讓用戶使用 LockMe。

先回想一下平時(shí)使用百度時(shí)的三個(gè)基本狀態(tài)：

不進(jìn)行任何搜索操作時(shí)：

進(jìn)行關(guān)鍵詞搜索且有結(jié)果時(shí)：

無(wú)結(jié)果時(shí)需要點(diǎn)擊 百度一下：

因而在 LockMe 中的搜索密碼、創(chuàng)建密碼的交互邏輯也與此類(lèi)似。

不進(jìn)行任何搜索操作時(shí)：

進(jìn)行關(guān)鍵詞搜索且有結(jié)果時(shí)：

無(wú)結(jié)果時(shí)需要點(diǎn)擊 創(chuàng)建 便可創(chuàng)建新的密碼記錄：

嘻嘻，所以 LockMe 是一款有大廠交互的工具，小二吹了這么久，小哥哥小姐姐你還不試試嘛？還不趕緊給小二點(diǎn)個(gè) Star？

在困惑的城市里總少不了并肩同行的 伙伴 讓我們一起成長(zhǎng)。

如果您想讓更多人看到文章可以點(diǎn)個(gè) 點(diǎn)贊。

如果您想激勵(lì)小二可以到 Github 給個(gè) 小星星。

如果您想與小二更多交流添加微信 m353839115。

本文原稿來(lái)自 PushMeTop