我的第一個微信小程式
今年國慶假期的時候,在家裡帶寶寶。想下載一個哄寶寶玩的遊戲,從 App Store上搜索了一圈,發現評分高的基本上都是收費的。因為App Store上有限免機制,所以就萌發了做一款關注限免應用的小程式。
學習調研
4月份的時候,幫助同事開發了一款小程式,因為當時時間比較急,就用了第三方快速開發框架 mpvue,這個框架是基於vue的,也就是說,會使用vue,那麼就能快速上手開發了。但是還是有很多坑的。
所以這次準備使用原生的來開發,花了一點時間看了一下小程式的開發文件,就準備正式開發了
需求分析
在我們做任何專案之前,一定要搞清楚需求,這樣能節省很大一部分時間
那麼在這個小程式中,我們的需求是什麼呢?
- 限免的資料
- 伺服器
- 介面
- 列表展示
- 應用詳情
- 下載
- 分享
限免的資料來源
資料是抓別的限免網站的資料,用node寫了一個爬蟲,每天定時爬取資料。
資料庫
爬取到的資料存在哪呢,我使用了 leancloud 提供的雲端儲存,把爬到的資料通過API 直接存到資料庫中
介面
leancloud提供的有小程式呼叫介面,所以直接通過API介面來呼叫
資料展示
這裡就和我們正常開發的時候一樣了,通過介面拿到資料,然後渲染到頁面上
釋出上線
開發完成後,就可以上線了
下面是小程式的二維碼,歡迎大家掃描分享和使用
相關推薦
編寫我的第一個微信小程式
最近在學習微信小程式也算是入門級別的,於是乎跟著學習了下,下面簡單的展示下自己做的第一個小程式介面 簡單介紹下,初次使用微
我的第一個微信小程式
今年國慶假期的時候,在家裡帶寶寶。想下載一個哄寶寶玩的遊戲,從 App Store上搜索了一圈,發現評分高的基本上都是收費的。因為App Store上有限免機制,所以就萌發了做一款關注限免應用的小程式。 學習調研 4月份的時候,幫助同事開發了一款小程式,因為當時時間比較急,就用了第三方快速開發框架 mpvue
1-微信小程式開發(安裝軟體和執行第一個微信小程式)
https://developers.weixin.qq.com/miniprogram/dev/ 我的 &nbs
4分鐘手把手教你做出第一個微信小程式
關於如何開發自己第一個程式,上一篇我釋出了圖文版本,有的閣友自己說沒能實現,我也擔心看圖實在會讓大家感覺不直觀,所以我花了點時間做了一個教學視訊,希望能繼續幫助到對微信小程式感興趣的人。用了愛剪輯稍微做
動手寫第一個微信小程式
微信小程式開放公測了,目前公測面向的使用者主要是政府、企業、組織,暫時不對個人開發者開放註冊。 註冊請前往微信公眾平臺註冊 微信小程式註冊 下載微信web開發者工具並開啟quickStart工程(提供獲取當前登入賬號的功能),可以看到編輯和除錯的介面
微信小程式開發學習筆記001--認識微信小程式,第一個微信小程式
第一天,認識微信小程式,第一個微信小程式 1.什麼是微信小程式? 是h5網頁嘛?不是 微信張小龍說: 小程式是一種不需要下載安裝即可使用的應用, 它實現了應用“觸手可及”的夢想,使用者掃一掃或者 搜一下即可開啟應用。也體現了“用完即走”的理念 ,使用者不用關心安裝太多應用的
第一個微信小程式
序言 作為一個工作3年多的iOS開發者,當推出微信公眾號時,自己就有很大的緊迫感,感覺自己的工作會不會被取代,看了一段時間,發現自己要學的太多,自己的工作也挺忙的,慢慢的就淡忘了,感覺對自己的工作也不會有太多的影響。直到2017年1月份微信又推出了小程式,小程式的流暢度
第一個微信小程式之Hello World
概述 在小程式賬號註冊完整流程一文中詳細介紹瞭如何註冊一個小程式賬號。下面我們介紹一下如何開發一個Hello World的小程式。 微信開發者工具下載 1、點選【文件】連結 2、點選【開發】連結,在彈出的選項中,選擇【小程式開發】
傻瓜式教程“第一個微信小程式”
一、下載小程式開發工具 登入“微信公眾平臺”官網,點選小程式中的“開發” 點選“工具” 點選左下角“下載” 根據自己對應的系統下載,我的電腦是windows 64位,所以下載64位 自己選擇好要儲存的路徑,這裡我選擇了放在桌面 二
微信小程式學習日誌:建立第一個微信小程式
首先,在已有小程式賬號和填寫完基本資訊的前提下,開啟微信開發者工具,點選小程式專案然後出現下圖所示視窗,在專案目錄裡填上你所期望的小程式根目錄,如果這一欄不填,開發工具會自動新增一個根目錄,建議自己設定根目錄比較好;AppID填寫在小程式微信公眾平臺開發設定中找的小程式id;
我的第一個微信小程序-DCL每日查看 開發總結
eui QQ git load 博客園 哪些 關鍵字 psi 功能 之前一直在做iOS平臺的App和SDK開發,發現微信小程序還蠻有意思的,花了將近幾天的時間,從看書學習到萌發想法,最後開發出一款小應用,現在花點時間總結一番!作為自我勉勵和後續繼續學習動力~ 先上效果圖:
給和我一樣的初學者分享個微信小程式.WXSS使用background引入背景圖的辦法
因為專案的緣故,我最近開始學小程式。初入小程式就遇見了個問題,就是在引入背景圖片的時候會出現,下圖的錯誤: 看了錯誤後才發現,原來微信小程式在引入背景圖時需要將圖片格式轉一下,並不是說是我的路徑出現問題了。為了將圖片格式專成base64。現在給所
第一章 “我要點爆”微信小程式雲開發之專案建立與我的頁面功能實現
第一章 “我要點爆”微信小程式雲開發之專案建立與我的頁面功能實現 開發環境搭建使用自己的AppID新建小程式專案,後端服務選擇小程式·雲開發,點選新建,完成專案新建。 新建成功後跳轉到開發者工具介面 新建後,微信端為我們提供了一個參考的模板程式,這裡我們自己來建
不管什麼手機,擁有這4個微信小程式就無敵了!
如果你知道微信,還不知道微信小程式就out啦,自從微信小程式跳一跳火了之後,帶動了不少小程式的發展,其中,這4個微信小程式非常強大,無需下載,無需安裝,搜一搜就能用啦,不管你是什麼手機,擁有就無敵了。 1. 最近文件隨身 一個分享文件的工具,是我偶然間發現的,可
130個微信小程式原始碼資源免費領取
為了感恩大家長久以來的關注和支援,小編準備了一些福利,整理了包含前端,Java,產品經理,微信小程式,Python,網站原始碼,Android應用視訊教程,微信公眾平臺開發教程及材料等資源合集大放送。 重要的話說三遍,感恩大回饋,超有價值的學習資料免費送!免費領取! 如果需要學習視訊,歡迎關
130個微信小程式原始碼demo,拿來就可以跑起來的小程式
微信小程式未來也將會是個趨勢,在現在這個時代,安卓手機使用者寧願先從微信裡面去搜一下是否有這個軟體,這個軟體是否值得安裝也不願意開啟手機應用商店去下載應用。 其中有以下兩個主要原因: 第一,使用者的惰性警惕性越來越高,現在的手機APP動不動就要獲取使用者的全部許可權,本
600多個微信小程式原始碼涵蓋各個行業大部分帶後臺持續更新中
今天把本人花費一個月左右整理的600多款小程式原始碼釋出出來,以後每個月還會持續更新,很大一部分都帶有後臺原始碼幷包含有小程式上線教程,幫你分分鐘上線自己的小程式,下面我們來看看目錄截圖,最後面會把原始碼目錄以文字的形式匯出來,這樣你可以在網頁上搜索單個想要的小程式原
【好福利】分享100多個微信小程式原始碼
2017年1月9號,中國網際網路世界發生了一件重要事件:凌晨0點,微信小程式正式和我們大夥見面了,從此以後,我們都可以開發屬於我們自己的微信小程式了。 這不,微信小程式正式和大家一見面,市面上就有很多開源的微信小程式了,這裡給大家奉上100多個微信小程式原始碼
100多個微信小程式程式碼免費送
所有資源均來自網際網路公開渠道蒐集,僅供學習交流之用,版權歸原作者所有。連結: https://pan.baidu.com/s/1PyFC-v9bDdZRBsVXJwyalg 密碼: 8834補充:微信小程式官方Demo(Hao-Wu/WeApp-Demo)微信小應用示例程式
業餘時間折騰了個微信小程式版本的街機遊戲模擬器(吾愛街機),8090後的童年回憶,歡迎大家體驗
好多年沒來部落格園了,有段時間想玩街機遊戲,發現都需要下載安裝,現在小程式這麼流行,是不是可以整合到小程式裡(無需下載,線上玩),出於這想法,就業餘時間折騰了下,分享給大家,偶爾可以回味暢玩下。 中間遇到了不少坑(就不具體說了),總算還是堅持下來了,還有很多細節有待優化,這裡得感謝各位模擬器前輩及大神們打下的