摘要：市面上有許許多多的密碼管理工具，為何要特意造輪子呢自己造的輪子放心。先回想一下平時使用百度時的三個基本狀態不進行任何搜索操作時進行關鍵詞搜索且有結果時無結果時需要點擊百度一下因而在中的搜索密碼創建密碼的交互邏輯也與此類似。

LockMe 是什么呢？

一款免費開源的密碼管理小程序。

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

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

自己造的輪子放心。

需要寫一個小程序練手。

想體驗 免費 小程序云所謂的 Serverless。

為什么不使用 wepy 這類小程序開發框架呢？

學習和使用一個知識的時候，要知其然，知其所以然。

wepy 等框架其實對小程序進行了很多特殊的封裝，如果對小程序本身不熟悉，出現錯誤的時候有可能會一頭霧水。

LockMe 怎么保證安全性？

采用了 國密算法 SM2 的公私鑰算法。

私鑰由用戶個人進行保存。

私鑰不進行觸網。

密碼數據都由公鑰進行加密存儲。

初始化項目

創建 project.config.json

復制 miniprogram/config-example.js 為 miniprogram/utils/Config.js 環境變量

配置 miniprogram/utils/Config.js 環境變量

上傳 cloudfunctions/ 云函數

根據 cloudfunction.collection 創建云數據庫

環境變量說明

cloud.env 小程序云環境 ID

cloud.collection 小程序云的對應數據庫集合

cloud.collection.safes 密碼集合

cloud.collection.settings 設置集合

其他配置請參考小程序官方文檔 傳送門

小程序二維碼

初始化

密碼中心

設置

基于大家日常生活中最常使用的網站 百度 的交互進行設計，更方便和直覺的讓用戶使用 LockMe。

先回想一下平時使用百度時的三個基本狀態：

不進行任何搜索操作時：

進行關鍵詞搜索且有結果時：

無結果時需要點擊 百度一下：

因而在 LockMe 中的搜索密碼、創建密碼的交互邏輯也與此類似。

不進行任何搜索操作時：

進行關鍵詞搜索且有結果時：

無結果時需要點擊 創建 便可創建新的密碼記錄：

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

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

如果您想讓更多人看到文章可以點個 點贊。

如果您想激勵小二可以到 Github 給個 小星星。

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

本文原稿來自 PushMeTop