XpmJS的介紹以及安裝過程,針對這個問題,這篇文章詳細介紹了相對應的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
成都創新互聯公司-專業網站定制、快速模板網站建設、高性價比融水網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式融水網站制作公司更省心,省錢,快速模板網站建設找我們,業務覆蓋融水地區。費用合理售后完善,10余年實體公司更值得信賴。
XpmJS可以鏈接任何云端資源,為小程序、移動應用提供云資源通道和后端能力。降低開發門檻,提升小程序的開發效率。無需編寫后端代碼,即可實現用戶登錄、WebSocket 通信、微信支付、云端數據表格、文件存儲等功能。雖然 PHP 是最好的編程語言, 但是使用 XpmJS 后, 無需學習包括 PHP 在內的任何后端語言,用 Javascript 即可搞定一切,NodeJS 也不用!
方法1: 一鍵安裝
推薦使用騰訊云一鍵安裝鏈接 ( 訪問微信接口快, 可以免費申請 Https 證書 )
方法2: 安裝腳本
安裝前,先提前申請 Docker Hub 鏡像 申請地址 https://www.daocloud.io/mirror
# 請采用 Ubuntu 14.04 64位 LTS curl -sSL http://tuanduimao.com/xpmjs-server.sh | sh -s yourdomain.com http://<your id>.m.daocloud.io
方法3: 使用 Docker 安裝
# 安裝 Docker curl -sSL https://get.daocloud.io/docker | sh # 啟動容器 docker run -d --name=xpmjs-server \ -e "HOST=yourdomain.com"> XpmJS Server 升級第一步: 下載代碼:curl http://xpmjs-1252011659.costj.myqcloud.com/xpmjs-server-1.0.tar.gz 第二步: 解壓并更新:tar xvfz xpmjs-server-1.0.tar.gz cd 1.0 && docker cp . xpmjs-server:/code 三、XpmJS 咋用 1. 用戶 ( User ) 用戶登錄 login()var user = app.xpm.require('User'); user.login().then( function( userInfo ) { console.log( '用戶登錄成功', userInfo ); app.session.set('loginUser', userInfo ); }) .catch( function( excp ) { console.log('用戶登錄失敗', excp ); }); 用戶退出 logout()var user = app.xpm.require('User'); user.logout().then( function( userInfo ) { console.log( '用戶注銷成功', userInfo ); }) .catch( function( excp ) { console.log('用戶注銷失敗', excp ); }); 讀取資料 get()來自微信客戶端的用戶信息 ( 非云端數據 )var user = app.xpm.require('User'); user.get().then( function( userInfo ) { console.log( '讀取成功', userInfo ); }) .catch( function( excp ) { console.log('讀取失敗', excp ); }); 2. 信道( Wss )使用 Websocket 信道,可以實現雙向實時通信。 打開信道 open()var wss = app.xpm.require('Wss'); wss.open('/wxapp').then(function( res ) { console.log( '信道連接成功', res ); }) .catch( function( excp ) { console.log('信道連接失敗', excp ); }); 在線用戶 liveUsers ()var wss = app.xpm.require('Wss'); wss.liveUsers().then(function( users ) { console.log( '讀取在線用戶成功', users ); }) .catch( function( excp ) { console.log('讀取在線用戶失敗', excp ); }); 用戶信息數據結構字段中文說明id客戶端ID _id用戶ID nickName微信昵稱 gender性別 avatarUrl頭像 language語言 group用戶組 isadmin是否是管理員0 非管理員 1 管理員 檢查用戶是否在線 isOnline ( xpmjs-server 1.0rc4+ )var user = app.xpm.require('User'); var wss = app.xpm.require('Wss'); user.login().then( function( userInfo ) { return wss.isOnline( userInfo['_id'] ) }).then function( isOnline ) { if ( isOnline ) { console.log( '用戶在線'); } else { console.log( '用戶離線'); } }) .catch( function( excp ) { console.log('出錯啦', excp ); }); 監聽指令 listen()小程序僅提供 WebSocket 客戶端 API,所以小程序本身無法實現 WebSocket服務器。 wss.listen() 方法并非啟動 WebSocket Server, 而是用來接收云端信道轉發的指令。var wss = app.xpm.require('Wss'); wss.listen('payment', function( res, status ){ // 當接收到 payment 指令后運行 if ( status != 'success') return ; console.log( res, status ); }); 發送指令 send()var wss = app.xpm.require('Wss'); wss.liveUsers().then(function( users ) { console.log( '讀取在線用戶成功', users ); // 向第一個用戶發送 payment 指令 if ( users.length > 0 ) { return wss.send('payment', users[0], users[0]['id'] ) } else { return {code:404, message:'no live user'}; } }).then( function( res ){ console.log('發送完畢', res); }); .catch( function( excp ) { console.log('出錯了', excp ); }); 綁定事件 bind()接收并處理 websocket 服務器事件,有效值 ( open/close/message/error )var wss = app.xpm.require('Wss'); wss.bind('open', function(event) { console.log('信道服務器開啟', event ); }); wss.bind('close', function(event) { console.log('信道服務器關閉', event ); }); 3. 會話 ( Session )Session 會話分為客戶端和服務端兩部分,客戶端與服務端會話ID相同,客戶端保存用戶信息資料,服務端保存用戶 openid 等敏感信息。與服務端通信,使用Sesssion ID 鑒權,通過服務器端驗證后,請勿將 Session ID 發送給第三方。 啟用會話 start()啟用會話后,會自動創建一個會話IDvar session = app.xpm.require('session'); session.start(); 會話 ID id()var session = app.xpm.require('session'); var sid = app.id(); console.log( sid ); 客戶端會話數據管理 set() & get()var session = app.xpm.require('session'); session.set('hello', 'world'); console.log( session.get('hello') ); 4. 云端表格 ( Table )可以使用云端表格接口,將數據保存在 MySQL 中,可以通過 SQL 查詢數據。 創建數據表 _schema()僅管理員帳號擁有創建數據表權限 ( 登錄管理后臺,打開用戶表,將開發者對應帳號記錄的 isadmin 字段數值設置為 1 ) var table = app.xpm.require('Table', 'hello'); table._schema( [ {name:"name", type:'string', option:{length:80, require:true }, acl:"rwd:r:-">字段配置參數參數中文說明name字段名稱 type字段類型string/integer/text/boolean 等option字段參數index:true 索引 unique:true 唯一索引 length:80 字段長度acl字段鑒權rw:rw:rw r: 讀取 w: 寫入 -:無 user:group:other 數據增刪改查 get() create() update() remove()var table = app.xpm.require('Table', 'hello'); // 創建 table.create( {name:'張藝謀', company:'中國電影制片廠'} ).then(function(data) { // 更新 return table.update(data['_id'], {name:'馮小剛'}); }).then(function(data) { // 讀取 return table.get(data['_id']); }).then(function(data) { // 刪除 return table.remove(data['name'], 'name' ); }).then(function(resp) { console.log( 'remove success', resp ); }).catch( function( excp ) { console.log('出錯了', excp ); }); 數據查詢 query()var table = app.xpm.require('Table', 'hello'); table.query() .where('name', '=', '馮小剛') .orderby('name', 'asc') .limit(2) // 僅查詢 2條 .fetch('name','company').then(function(data) { console.log( '查詢結果', data ); }) table.query() .where('name', '=', '馮小剛') .orderby('name', 'asc') .paginate(3, 2) // 分3頁,當前顯示第 2頁 .fetch('name','company').then(function(data) { console.log( '查詢結果', data ); }); 聯合查詢 join(), leftjoin(), rightjoin() (xpmjs-server 1.0rc4+)Table 1: Useridnametitle1張三產品經理2李四工程師3王五運維工程師Table 2: Projectidnameuid1小程序開發組12網頁開發組3var table = app.xpm.require('Table', 'Project'); table.query() .join('User', 'User.id', '=', 'Project.uid' ) // leftjoin / rightjoin .limit(1) .fetch('User.id as userid', 'User.name as username', 'Project.*').then(function(data) { console.log( '查詢結果', data ); }) 返回值[ { "id":1, "name":"小程序開發組" "userid":1, "username":"產品經理" } ] inWhere 查詢 inWhere()Table 1: Useridnametitle1張三產品經理2李四工程師3王五運維工程師Table 2: Projectidnameusers1小程序開發組["1","2","3"]2網頁開發組["1", "3"]var table = app.xpm.require('Table', 'Project'); table.query() .inWhere('users', 'User', 'id', '*' ) .limit(1) .fetch('User.id as userid', 'User.name as username', 'Project.*').then(function(data) { console.log( '查詢結果', data ); }) 返回值[ { "id":1, "name":"小程序開發組" "users":[ { "id":1, "name":"張三", "title":"產品經理" } ... ] } ] 5. 微信支付 ( Pay ) 發起支付 request();var pay = app.xpm.require('Pay'); pay.request({ total_fee:500, // 單位分 body:'算命、服務器開光', attach:'HELLO XpmJS.com', detail:'{id:888,desp:"算命,抽SSR,贈送服務器開光"}' }).then(function( data ){ console.log('Request Pay Success', data ); }).catch( function( excp){ console.log('Request Pay Failure', excp ); }); 云端事件 before(), success(), fail(), complete() (xpmjs-server 1.0rc4+)pay.before('create', { // 創建充值記錄 (統一下單成功后, 發起支付前, 在云端運行 ) 'table':'income', 'data': { sn:'{{sn}}', order_sn: data.order.sn, uid:data.order.uid, amount:data.order.sale_price, amount_free:0, status:'PENDING', status_tips:"F請求付款" } }) .order({ // 生成訂單 ( 統一下單接口, 僅設定并不發送請求 ) total_fee:data.order.sale_price, // 單位分 body:data.order.show_name, attach:'attach user is ' + mid, // 應該是當前登錄用戶的 ID detail:data }) .success('update', { // 更新充值記錄 ( 支付成功后回調,在云端運行 ) 'table':'income', 'data': { sn:'{{sn}}', status:'DONE', status_tips:"income status_tips field" }, 'unique':'sn' }) .success('app', { // 調用APP 示例 ( 支付成功后回調,在云端運行 ) 'name':'xapp', 'api':['ticket','index',{sn:'{{sn}}','status_tips':"{{0.status_tips}}"}], 'data': { sn:'{{sn}}', status:'DONE' } }) .success('update', { // 更新訂單狀態 ( 支付成功后回調,在云端運行 ) 'table':'order', 'data': { _id:oid, status:'PENDING' } }) .success('create', { // 創建消費記錄 ( 支付成功后回調,在云端運行 ) 'table':'payout', 'data': { sn:'{{sn}}', order_sn: data.order.sn, uid:data.order.uid, amount:data.order.sale_price, amount_free:0, status:'DONE', status_tips:"F請求付款" } }) .request().then(function( payResp ) { // 發起請求 console.log( payResp ); }) 6. 本地存儲 ( Stor )var stor = app.xpm.require('Stor'); stor.setSync('key','value'); console.log(stor.getSync('key')); stor.setMapSync('map_name', 'key', 'value'); console.log(stor.getMapSync('map_name','key')); 7. 云端應用 ( App ) (xpmjs-server 1.0rc3+) 調用示例var xapp = app.xpm.require('App', 'xapp' ); // xapp 應用名稱 xapp.api( 'ticket', 'available' ) // ticket 控制器 available 方法名 .post({ 'train_date':'2017-01-26', 'from_station':'BJP', 'to_station':'SHH' }) .then( function( resp ) { console.log('POST RESP:', resp ); }) .catch( function( excp ) { console.log('POST EXCP:', excp ); }); XpmJS 云端應用開發參考云端應用 Demo <火車票余票查詢接口實現>https://git.oschina.net/xpmjs/xapp 8. 云端隊列 ( Que.js ) (xpmjs-server 1.0rc4+)var que = app.xpm.require('Que', 'hello'); que.select('world').push('create', { // 增加數據 table:'payout', data: { sn:'200193', order_sn:'test29993', amount:100, status:'DONE' } }).push('update', { // 更新數據 table:'order', data: { sn:'148457330261256', status_tips:'{{0.sn}} {{0.status}}' }, unique:'sn' }).push('app', { // 調用APP 示例 'name':'xapp', 'api':['ticket','index',{sn:'{{0.sn}}'}], 'data': { sn:'{{0.sn}} {{1.sn}}', status:'DONE' } }).run().then(function(resp){ console.log( 'Response', resp ); }) .catch(function(excp){ console.log( 'Error', excp ); }) 9. 文件上傳 Utils.upload & App.upload (xpmjs-server 1.0+)上傳文件到騰訊云對象存儲var qcloud = app.xpm.require('app', 'xqcloud'); qcloud.api("cos",'upload') .upload( tempFilePaths[0] ) .then(function(data){ that.setData({ 'rs.corver':data.access_url, 'rs.images':[data.access_url] }); }) .catch( function(excp){ console.log('Upload Fail', excp ); }); 10. 常用方法 ( Utils ) 請求網址 ( Utils.fetch ) (xpmjs-server 1.0rc3+)var utils = app.xpm.require('Utils' ); utils.fetch( 'http://qcloud.com' ).then( function( resp ) { console.log('FETCH RESP:', resp ); }) .catch( function( excp ) { console.log('FETCH EXCP:', excp ); }); 生成二維碼圖片 ( Utils.qrImageUrl ) (xpmjs-server 1.0+)返回二維碼圖片地址var utils = app.xpm.require('Utils' ); var url = utils.qrImageUrl('hello world', {size:200}); console.log( url ); 生成小程序頁面二維碼 ( Utils.qrcode ) ( xpmjs-server 1.0 )var utils = app.xpm.require('Utils' ); var url = utils.qrcode('/page/detail?id=1'); console.log( url ); 三、微信小程序 Demo 小程序 Demo 源碼 四、安裝配置 1. 云端配置【安裝后端程序】推薦使用騰訊云( 訪問微信接口快, 可以免費申請 Https 證書 )方法1: 使用腳本安裝 ( 目前僅支持 Ubuntu 14.04 64 LTS 操作系統 )創建一臺云服務器,選擇 Ubuntu 14.04 64 LTS 操作系統。 登錄服務器運行以下腳本。安裝前,先提前申請 Docker Hub 鏡像 申請地址 https://www.daocloud.io/mirrorcurl -sSL http://tuanduimao.com/xpmjs-server.sh | sh -s yourdomain.com http://<your id>.m.daocloud.io 方法2: 使用 Docker 安裝docker run -d --name=xpmjs-server \ -e "HOST=yourdomain.com">【設置管理員名稱和密碼】訪問: http://yourdomian.com/setup.php1、填寫后臺信息 2、填寫管理員信息 【上傳 HTTPS 證書 & 微信支付證書】訪問:http://yourdomian.com/baas-admin/cert/index 上傳 HTTPS 證書和證書密鑰; 如已申請微信支付,建議盡量上傳支付證書,用于雙向驗證證書和密鑰,確保支付安全。 上傳好證書后,登錄服務器,重啟容器。docker restart xpmjs-server 訪問: https://yourdomian.com ( 有 "S", 檢查證書是否生效 )【設置小程序配置信息】訪問: https://yourdomian.com/baas-admin/conf/index ( 有 "S", 填寫小程序和微信支付的信息 ) 2. 使用 XpmJS【下載代碼】使用 Git Bash , 進入小程序項目目錄, 運行 git clone 拉去代碼。(也可以 使用 Git 等客戶端 Clone 代碼 )git clone https://git.oschina.net/xpmjs/xpmjs.git xpmjs 克隆成功后的目錄結構為: 【編寫配置信息】編輯 app.js 將域名更換為你的域名。( 必須配置好 Https 證書 )App({ onLaunch: function () { var that = this; // 創建 xpm 對象 this.xpm = require('xpmjs/xpm.js').option({ 'app':1, // 對應后臺 APP 配置,支持5個 'host':'yourdomian.com', 'https':'yourdomian.com', 'wss': 'yourdomian.com/ws-server', 'table.prefix': 'demo', 'user.table':'user' }); // 創建全局對象 this.wss = this.xpm.require('wss'); // 信道 this.session = this.xpm.require('session'); // 會話 this.stor = this.xpm.require('stor'); // 存儲 }, xpm:null, session:null, stor:null, wss:null }) 建議將 xpm、wss、session、stor 設定為全局變量。
關于XpmJS的介紹以及安裝過程問題的解答就分享到這里了,希望以上內容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關注創新互聯行業資訊頻道了解更多相關知識。
網站名稱:XpmJS的介紹以及安裝過程
文章分享:http://vcdvsql.cn/article42/gghihc.html
成都網站建設公司_創新互聯,為您提供定制網站、營銷型網站建設、移動網站建設、網站收錄、外貿建站、云服務器
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯