微信小程序開發入門之共享賬本(一)

微信小程序開發入門之共享賬本(一)

國慶過完了,是不是花了很多錢但是又記不住怎麼花掉的了,是時候用記賬應用來記錄自己的消費流水了。市面上有那麼多記賬應用,找來找去沒有自己想要的,何不自己開發一款呢?下面我們就開始一起學習怎麼開發一款屬於自己的記賬小程序吧。

先放目標程序的樣子,就很簡簡單單的記賬

微信小程序開發入門之共享賬本(一)

微信小程序開發入門之共享賬本(一)

微信小程序開發入門之共享賬本(一)

微信小程序開發入門之共享賬本(一)

既然是從零開始,就從打開瀏覽器說起吧。

首先,打開瀏覽器!

微信小程序開發入門之共享賬本(一)

百度搜索"微信小程序" ,選擇第一個

微信小程序開發入門之共享賬本(一)

或者直接輸入網址,進入後翻到底部點擊前往註冊

微信小程序開發入門之共享賬本(一)

填寫相應的信息,勾複選框,點擊註冊

微信小程序開發入門之共享賬本(一)

登錄郵箱

微信小程序開發入門之共享賬本(一)

點擊郵件裡的激活鏈接激活

微信小程序開發入門之共享賬本(一)

激活後登記管理員信息,國家選"中國大陸",主體類型選個人,掃描二維碼成為管理員,填寫完成後點擊繼續

微信小程序開發入門之共享賬本(一)

微信小程序開發入門之共享賬本(一)

接著來到小程序管理界面,點擊填寫補充小程序信息

微信小程序開發入門之共享賬本(一)

微信小程序開發入門之共享賬本(一)

微信小程序開發入門之共享賬本(一)

完成信息補充後,回到主頁,現在可以下載開發工具進行開發工作了,在這之前先看一下小程序的AppID,後面要用到,點開"配置服務器"的"開發設置",記下AppID

微信小程序開發入門之共享賬本(一)

微信小程序開發入門之共享賬本(一)

再回到主頁,點擊"普通小程序開發工具"

微信小程序開發入門之共享賬本(一)

點擊"微信開發者工具"

微信小程序開發入門之共享賬本(一)

選擇適合自己電腦的穩定版進行下載

微信小程序開發入門之共享賬本(一)

下載安裝完成後打開微信開發者工具,點擊右邊+新建小程序

微信小程序開發入門之共享賬本(一)

項目名稱和目錄自由填寫,AppID從開發設置中拷貝過來就行,這裡選擇"雲開發",點擊新建完成創建

微信小程序開發入門之共享賬本(一)

進入開發工具,左上角有四個圖形按鈕,功能見文字即可,這裡點擊"雲開發"

微信小程序開發入門之共享賬本(一)

點擊"開通"開通雲開發功能

微信小程序開發入門之共享賬本(一)

自己定義一個環境名稱,可以看到環境配額下對免費雲開發環境的配置說明,對於個人使用來說足夠了

微信小程序開發入門之共享賬本(一)

控制檯有個報錯可以暫時不用管,因為開通雲服務需要十分鐘左右才能生效,生效之後報錯就會消失了

微信小程序開發入門之共享賬本(一)

在開發工具正上方有一排功能按鈕

微信小程序開發入門之共享賬本(一)

可以點擊編譯在模擬器中預覽小程序效果

微信小程序開發入門之共享賬本(一)

也可以點擊預覽選擇"掃描二維碼"預覽或者自動預覽,掃描二維碼預覽是用項目成員的微信掃描二維碼的方式在手機上預覽效果;自動預覽是會自動在管理員打開的微信中打開小程序進行預覽(所以微信要開著)。管理員就是登記管理員信息時掃描二維碼的微信用戶,項目成員可以在小程序管理主頁下的成員管理中進行添加

微信小程序開發入門之共享賬本(一)

微信小程序開發入門之共享賬本(一)

至此,小程序的準備工作就算完成了

微信小程序開發入門之共享賬本(一)


分享到:


相關文章: