1. 程式人生 > >從前端到後臺,開發一個完整功能的小程式

從前端到後臺,開發一個完整功能的小程式

《微信小程式開發入門》專欄前面的文章主要介紹了小程式前端的開發,對於一個較複雜和完整功能的小程式都是需要後臺的支撐的,比如資料的獲取和儲存、邏輯的處理等。
後臺的開發,可以選擇PHP、Java、C#等,當然Nodejs也是可以的,會以上任一語言即可。
會後臺語言的開發,還需要在雲伺服器上部署你的後端,並且是https協議。

下面就簡單的說說如何搭建一個完整的小程式:
1、微信公眾平臺註冊小程式賬號,個人或企業都行。
2、購買雲伺服器。如果是小白,建議購買騰訊雲伺服器的微信小程式解決方案,3元試用:https://www.qcloud.com/solution/la
3、解決方案的服務端已經部署好,在微信公眾平臺的後臺配置好服務端介面地址即可:設定—開發設定—伺服器域名。
參考:

https://github.com/tencentyun/weapp-doc/blob/master/README.md
4、下載官方的小程式demo,Appid填寫自己申請的Appid,就可以預覽一個完整小程式例子了。
這裡寫圖片描述

5、部署成功後所有功能都可以正常使用,一個完整的小程式解決方案就完成了。當然自己的專案需要換成自己的前端和後端程式碼。

使用騰訊的解決方案主要是省去了自己部署環境的過程,當然服務端是以PHP為例的,如果是其他語言可能需要做一些環境上的配置。

下面是用騰訊的小程式解決方案部署的一個完整小程式“社交主頁”,歡迎掃碼訪問:

這裡寫圖片描述

如果你還不會開發小程式,可以去看我的小程式的開發入門及實戰視訊教程,目前優惠價只要19元,不到一杯咖啡的錢get一項新技能。


相關推薦

前端後臺開發一個完整功能程式

《微信小程式開發入門》專欄前面的文章主要介紹了小程式前端的開發,對於一個較複雜和完整功能的小程式都是需要後臺的支撐的,比如資料的獲取和儲存、邏輯的處理等。 後臺的開發,可以選擇PHP、Java、C#等,當然Nodejs也是可以的,會以上任一語言即可。 會後臺

前端界面開發談微信程序體驗

關註 運行模式 中項 證書 pix src 技術分享 菜單 aspect 本文由雲+社區發表 這段時間有幸加入了一個關於微信小程序的項目開發組,從無到有的根據文檔自行學習了小程序的開發過程,前面已經有幾位前輩的文章珠玉在前,我這裏就先從前端界面的開發方面談一談小程序以及

開發一個微信程式多少錢?

今天就KUK酷可科技,抽點時間和大家聊聊小程式的開發成本以及開發週期問題,希望能給一些對小程式感興趣的朋友們一些參考。 一般的小程式10天左右就可以搞定,具體開發成本請接著往下看。 小程式的優勢: 與 H5 相比,小程式的優勢幾乎是壓倒性的,幾乎與 App 相

CentOS下C++程式設計(1)--一個完整程式

CentOS下C++程式設計(1)--一個完整的小程式 前提保證g++已經安裝。(yum install gcc-c++) 1.首先使用Vim編寫如下一段程式程式碼:檔名為:first.cpp #include <iostream> int main() {

開發一個時間管理程式

前言 以前看過《把時間當作朋友》這本書,裡面有個管理時間的觀點個人覺得很有用,就是養成記錄自己每天的時間消耗的一個習慣,這樣有助於更有效地管理自己的時間。但是個人覺得每天在筆記本上記錄時間有點麻煩,就寫一個簡單的小程式來記錄自己的時間。 專案介紹 簡要介紹: 一個時間管理

教你前端如何一個人零基礎開發完整程式專案包括後臺視覺化資料庫。該專案實現了個人簡歷的增刪改查以及展示和轉發分享以及收藏他人簡歷和檢視還有最近瀏覽過的簡歷

GitHub:https://github.com/susuGirl/resume 微信小程式名:你的專屬簡歷(微信可直接搜尋出來檢視),教你前端如何一個人從零基礎開發完整的小程式專案,包括後臺視覺化資料庫。該專案實現了個人簡歷的增刪改查以及展示和轉發分享,以及收藏他人簡歷和檢視,還

微信程式名:你的專屬簡歷(微信可直接搜尋出來檢視)教你前端如何一個人零基礎開發完整程式專案包括後臺視覺化資料庫。

微信小程式名:你的專屬簡歷(微信可直接搜尋出來檢視),教你前端如何一個人從零基礎開發完整的小程式專案,包括後臺視覺化資料庫。該專案實現了個人簡歷的增刪改查以及展示和轉發分享,以及收藏他人簡歷和檢視,還有最近瀏覽過的簡歷。 教程: GitHub:https://github.com/sus

利用ajax提交表單實現資料前端後臺資料互動的完整流程演示

該演示需要用到  1 : json.jar(下載)                               2 : jquery.js(下載) 流程演示:1.點選“登入”按鈕,傳參到後臺                     2.後臺獲取資料,處理分析資料,利用JSO

第一篇、搭建前後端環境開發一個簡單的登入功能

## 一、環境準備 + 作業系統:支援 macOS,Linux,Windows + 執行環境:建議選擇 LTS 版本,最低要求 8.x。 ## 二、快速初始化服務端eggjs專案 **Egg.js 為企業級框架和應用而生**,我們希望由 Egg.js 孕育出更多上層框架,幫助開發團隊和開發人員降低開發

【如何快速的開發一個完整的iOS直播app】(原理篇)

事先 打開 用戶訪問 rtsp 轉換成 統計信息 轉碼 均衡負載 適合 壓縮前的每秒數據量:幀率X分辨率(單位應該是若幹個字節) 壓縮比:壓縮前的每秒數據量/碼率 (對於同一個視頻源並采用同一種視頻編碼算法,則:壓縮比越高,畫面質量越差。)  視頻文件格式:文件的後綴,

javascript+HTMl5遊戲下載開發一個都能月薪上萬!舅服你

lock itl 五子棋 opera sta 你是 http store 進階學習 HTML5時代已經到來許久了,你是否已經掌握了那麽一點呢?今天小編給大家講講h5的折疊多設備、跨平臺特性, 即用HTML5制作遊戲。相比flash,HTML5更加靈活方便,隨著瀏覽器技術的

零開始學前端第十七講--微信程式開發入門

修真院Web工程師零基礎全能課   本節課內容 微信小程式開發入門   主講人介紹 沁修,葡萄藤技術總監 專案經驗豐富,擅長H5移動專案開發。 專注技術選型、底層開發、最佳程式碼實踐規範總結與推廣。     直播

前端介面開發談微信程式體驗

本文由雲+社群發表 這段時間有幸加入了一個關於微信小程式的專案開發組,從無到有的根據文件自行學習了小程式的開發過程,前面已經有幾位前輩的文章珠玉在前,我這裡就先從前端介面的開發方面談一談小程式以及我所遇到的問題吧。 在結構和樣式方面,小程式提供了一些常用的標籤與控制元件,比如: view,小程

Python+Flask+Gunicorn 專案實戰(一) 零開始一個Markdown解析器 —— 初體驗

      (一)前言 在開始學習之前,你需要確保你對Python, JavaScript, HTML, Markdown語法有非常基礎的瞭解。專案的原始碼你可以在 https://github.com/zhu-y/markdown-toolkit 找到,最後的

教你0到1搭建一個完整的電商app---(簡介)

最近打算寫一個系列部落格,總結一下在學習慕課網《Kotlin打造完整電商APP 模組化+MVP+主流框架》課程的學習心得。正如課程名字一樣,這個專案使用Kotlin語言編寫,採用了當下一些主流的三方庫,Retrofit、Okhttp、Gson、Dagger2、R

php怎麽做網站?如何用PHP開發一個完整的網站?

tro 數組 上傳 如果 模型 引用 操作 tar 事件處理 1、PHPer應具備的知識 (1)PHP知識: 熟練掌握基礎函數,PHP語句(條件、循環),數組(排序、讀取),函數(內部 構造),運算(數學 邏輯),面向對象(繼承 接口 封裝 多態靜態屬性)等。 了解Cook

php怎麼做網站?如何用PHP開發一個完整的網站?

1、PHPer應具備的知識 (1)PHP知識: 熟練掌握基礎函式,PHP語句(條件、迴圈),陣列(排序、讀取),函式(內部 構造),運算(數學 邏輯),面向物件(繼承 介面 封裝 多型靜態屬性)等。 瞭解Cookie或者Session一種機制 瞭解一種模板操作機制和使用 手頭收藏一些好的常用類或方法

【如何快速的開發一個完整的iOS直播app】(搭建Socket即時通訊伺服器)

發個廣告:ios開發兩年了,一步步走來  關注公眾號一起進步 前言 在直播中,聊天和發禮物,需要用到及時通訊技術,市面上的App大多數採用的都是第三方SDK,融雲,環信等,但是本例子採用websocket搭建及時通訊伺服器。 如果喜歡我的文章,可以關注我微博:袁崢Se

如何快速的開發一個完整的iOS直播app(原理篇)

原文連結http://www.cocoachina.com/design/20160831/17444.html 前言 大半年沒寫部落格了,但我一直關注著網際網路的動向,最近會研究很多東西,並分享,今年移動直播行業的興起,誕生了一大批網紅,甚至明星也開始直播了,因此不

【如何快速的開發一個完整的iOS直播app】(禮物篇)

搭建禮物列表 使用modal,設定modal樣式為custom,就能做到從小往上顯示禮物列表,並且能看見前面的直播介面 禮物模型設計 一開始建立3個禮物模型,儲存到陣列,傳入給禮物View展示,本來禮物資料應該從伺服器獲取,這裡沒做了。 到時候拿到禮物View就能