開發了一款小程序

開發小程序

寫在前面：這是學習了若愚老師的課程開發的一款翻譯小程序，爲何選擇了小程序，是由於在此以前，對於小程序開發是基本上沒有去了解過，藉此機會，也是但願能熟悉一下小程序的一些項目開發流程。

如下是此款小程序的主要功能和界面：

首頁：

首頁功能：翻譯、複製翻譯結果、清空輸入框

語言選擇：

可選擇翻譯語言

歷史：

可查看最近十條翻譯歷史、點擊翻譯歷史可回到首頁繼續編輯

這是小程序的入口，很是歡迎提出意見和建議：

代碼倉庫：GitHub

---

開發準備

在開發以前，把官方開發文檔大概過了一遍，稍微熟悉開發小程序所需的工具、代碼構成、框架、組件、API、發佈、上線等。

在微信公衆平臺上有很詳細的引導教程，包括帳號註冊、管理平臺、開發者工具等。

前期的準備包括：

1.註冊帳號

2.開發者工具的下載

新建項目選擇小程序項目，選擇代碼存放的硬盤路徑，填入剛剛申請到的小程序的 AppID，給你的項目起一個好聽的名字，最後，勾選 "建立 QuickStart 項目" （注意: 你要選擇一個空的目錄纔會有這個選項），點擊肯定，你就獲得了你的第一個小程序了，點擊頂部菜單編譯就能夠在微信開發者工具中預覽你的第一個小程序。

而後第一個小程序就跑起來了：

---

開發過程

由於以前一直在學習 Vue，因此在小程序的開發過程當中，倒也沒有遇到什麼特別的困難。

代碼結構和語法方面，雖然和 Vue 不一樣，可是都差異不大，有 Vue 基礎的話，小程序的開發仍是比較好上手。

翻譯功能使用了百度翻譯提供的 API : http://api.fanyi.baidu.com/api/trans/product/apidoc;

保存和展現翻譯歷史信息使用了微信的 API ：wx.setStorageSync 和 wx.getStorageSync;

複製翻譯信息使用了微信的 API ：wx.setClipboardData

---

收穫

這款小程序至關於入門級別，淺嘗輒止，就不繼續深刻下去了。

花個一兩天時間瞭解了關於小程序開發的一些基本內容，也算是一種收穫吧。