047-零基礎零成本使用vue開發婚禮請柬小程序

這是堅持技術寫做計劃(含翻譯)的第47篇,定個小目標999,每週最少2篇。php

婚期定在10.1,畢竟是程序員,就挺身而出的跟老婆說本身寫個小程序作婚禮請柬。在網友分享的基礎上,略做改進,整理了這篇零基礎零成本小程序教程。(若是嫌麻煩,婚禮紀 啥的網上隨便找個交差也行)html

事前準備

完善小程序設置

補全信息獲取小程序ID

image.png

image.png

配置hbuilder和uniapp

配置hbuilder前端

image.png

image.png

image.png

從 github上clone下項目vue

git clone https://github.com/anjia0532/jiayuan.gitgit

修改配置文件 /common/js/metadata.js 好比酒店座標,新郎新娘電話等
修改小程序配置文件 manifest.json 程序員

image.png

運行微信小程序

image.png

開通雲開發環境

image.png

image.png

image.png

建立雲開發數據庫

image.png

static/databases 複製文件名(去掉.json) 做爲集合名稱,建立。
分別導入數據,其中message和user是空集合,導入失敗,不用管。
image.png

設置數據庫的讀寫權限
github

image.png

上傳婚紗照

image.png

修改成婚紗照地址,也能夠從json文件改完,從新導入。
image.png

建立並上傳雲函數

image.png

體驗預覽

image.png

發給朋友體驗

image.png

發佈

image.png

image.png

image.png

image.png

後話

本文主要是我的須要,結合網上大牛的開源項目,略做修改放出的,可能會有各類須要調整的地方,歡迎留言。我會盡可能幫助各位新人。數據庫

招聘小廣告

山東濟南的小夥伴歡迎投簡歷啊 加入咱們 , 一塊兒搞事情。
長期招聘,Java程序員,大數據工程師,運維工程師,前端工程師。json

參考資料

相關文章
相關標籤/搜索