零基礎如何開發一個非常簡單的微信小程序?

王牌科技師


剛剛好我在前段時間花費工作之餘的幾天從0開始開發了一個包括前後端+數據庫的微信小程序。

下面我分享如何從0到1開發上線一個小程序。

1.註冊小程序

登錄微信公眾平臺註冊一個微信小程序,然後填寫小程序基本信息,包括名稱、頭像、介紹及服務範圍等,這些信息是你上線小程序的必要條件。

在小程序配置的時候你可以看到AppID和AppSecret(小程序密鑰),這兩個很重要,是開發小程序必備品,在利用微信開發者工具進行小程序開發時需要利用AppID和AppSecret。

3.開發小程序

在微信公眾平臺中有小程序的開發文檔,你先看下開發文檔學習如何進行編程,熟悉小程序的目錄結構,熟悉.js、.json、.wxml、.wxss文件的意義,知道什麼代碼寫在什麼位置。小程序開始本質上還是Web開發,根據開發文檔你先寫出前端的頁面,有需要的可以說是html、css和js的知識,當然小程序標籤跟html有區別,但也類似,小程序的標籤相當於html中的

標籤,純前端頁面應該也是可以直接上線的。
小程序開發文檔 https://developers.weixin.qq.com/miniprogram/dev/

如果你要接入後端跟數據庫,那麼你就需要一臺服務器,方便起見可以使用騰訊雲提供的微信小程序服務器,可以與微信公眾平臺直接關聯,操作會比自己配置服務器簡單很多。不過騰訊雲的小程序服務器只能默認大家PHP和Nodejs開發環境,如果你想用java寫後端那麼需要自己搭建環境。

微信開發團隊為開發者提供的PHP和Nodejs的開發demo,方便起見你只需要在demo的基礎上進行開發即可,開發之前你需要進行簡單的配置,包括服務器地址、數據庫用戶名密碼等的配置。下一步則是實現前後端數據的交互,例如利用PHP寫好後端API接口後,前端頁面利用js對API進行操作,之間利用json進行數據的傳輸。

4.提交審核上線

在微信開發者工具中可以將代碼上傳到生產環境中,注意要記得去騰訊雲進行代碼的部署,不然你上傳的代碼不起作用。一定記得點上傳,這個時候你在微信公眾平臺可以看到提交的開發版本。

之後你可以提交審核,根據你選擇的類型會花費不同的審核時間,審核遇到問題也會消息通知你。

審核完成就可以上線了,噹噹噹當,如下圖:

我是萌新程序猿,科技圈的事情歡迎邀請我來回答!

碼了這麼多字,點個贊關注下再走吧!!!

關注萌新程序猿(本人咯),跟小編一起從菜鳥成為大佬,瞭解更多IT以及程序猿的知識!!


萌新程序猿


前兩天追熱點開發了一款小程序:測測你是扶搖中的誰?總計用時4個小時。其實這個想法很早之前就有了,可惜由於拖延症,導致昨天才完成上線,扶搖都快播完了...

下面簡單介紹一下過程。

1,註冊賬號,申請小程序個人認證。

首先進入微信公眾平臺,點擊註冊,選擇小程序。

在用戶信息登記頁面,根據自己的實際情況填寫。因為我是個人,所以就只能選擇主體類型個人啦。

信息提交完成之後即可進入到小程序後臺管理頁面。






2,下載開發工具,初始化項目,提交到git倉庫。

根據管理頁面的提示下載開發工具,閱讀小程序官方文檔初始化項目,提交到git倉庫。



3,功能開發。

週三晚上9點決定開始幹,用了半個小時把原型畫了出來。

一共三個頁面,很簡單。然後就開始邊閱讀文檔邊開發。因為這次沒有用到服務端,全本地開發,所以好做很多。

到晚上12點基本上把功能都開發了出來,決定先睡覺,第二天再繼續。

第二天用了1個小時找了幾張劇照放了進去,添加了分享功能。

4,配置小程序基本信息。

在小程序後臺配置了圖標,名稱,簡介等信息。

5,提交審核。

上傳代碼,提交審核。從開始畫原型到提交上線,總用時4個小時吧。

週四晚上提交審核,週六下午三點通過審核,用時兩天,速度還可以。


昨天的數據,訪問次數618,訪問人數119。哈哈,雖然數據很差,但是全當自己練手啦。歡迎大家去測一測。有興趣的朋友可以來交流交流~


分享到:


相關文章: