SlideShare a Scribd company logo
1 of 60
COIMOTION API
NodeJs WebServer
實作項目
 先至官方網頁設定後台
 利用coServ開發網頁系統
Step1:至官方網頁設定後台
官方網站
網址:http://tw.coimotion.com
註冊開發者
按下開發者,註冊一個開發者
註冊開發者
註冊成功!至信箱確認!
開發者管理頁面
至信箱點選認證後的網頁
App管理
按下左方Bar的App管理,系統已經預設幫我們新增一個App了,
如要在做一個,就按下新增
新增一個新的App
App資訊
coServ設定檔
開啟www/site.json
以下為caCode的部份
coServ設定檔
以下為金鑰的部份
內容集管理
模組架構
以核心模組為例子,按下最右旁的API進入API規範
模組架構
以核心模組為例子,按下最右旁的API進入API規範
功能元說明
需賦予資料的欄位
回傳的資料
實際使用(登入API)
實際使用
開啟www/themes/test/blocks/views/login/login.js
實際使用
開啟www/themes/test/blocks/views/login/login.js
開啟網頁程式
 node coServ.js 開啟Server
觀看回傳資料
 打開JavaScript控制台
觀看回傳資料
 將JavaScript控制台移至下方
console.log()顯示回傳
登入APP管理員
APP管理員
帳號:client123
密碼:client123
console.log
內容寶庫
內容寶庫
選擇App以及要用的寶庫
進入所選的API
API規範
實際使用
實際使用
開啟www/themes/test/blocks/views/slider/slider.js
console.log()
自製內容
自製內容(資料庫設定)
新增自製內容(Create資料庫)
新增資源清單
新增資源清單
繼承需要的資源
選擇成功!
功能元清單
權限管理
APP的權限
APP管理員
帳號:client123
密碼:client123
新增可以控管的功能元
繼承功能元
繼承功能元
繼承功能元
給予訪客權限
讓APP引用自製內容
APP所能使用的資源
使用自製內容API
list畫面
list程式
開啟www/themes/test/blocks/views/index/index.js
新增畫面
Create程式
開啟www/themes/test/blocks/views/add/add.js
瀏覽網頁
瀏覽程式
開啟www/themes/test/blocks/views/info/info.js
Coding Time
 為何要了解這個API?
 後台操作方便,時間成本對獨立接案人很重要
 學習別人的東西,提昇自我
 無金錢成本,後台負荷由提供API的承擔
 為何要玩玩看coServ以及Node.js
 coServ系統化建構網頁架構
 Node.js許多工具逐漸開發,例如:gulp
 Coding Time:新增刪除資料的按鈕

More Related Content

Similar to Coimotion api

富文本编辑器在互联网上的应用
富文本编辑器在互联网上的应用富文本编辑器在互联网上的应用
富文本编辑器在互联网上的应用luolonghao
 
李昶翰(Reborn):工作流程自動化 Microsoft Power Platform – 運用 Power BI + Power Automate ...
李昶翰(Reborn):工作流程自動化 Microsoft Power Platform –  運用 Power BI + Power Automate ...李昶翰(Reborn):工作流程自動化 Microsoft Power Platform –  運用 Power BI + Power Automate ...
李昶翰(Reborn):工作流程自動化 Microsoft Power Platform – 運用 Power BI + Power Automate ...開拓文教基金會
 
Bluemix Connect & Compose
Bluemix Connect & ComposeBluemix Connect & Compose
Bluemix Connect & ComposeChang-Yen Huang
 
以HTML5和COIMOTION打造跨平台App
以HTML5和COIMOTION打造跨平台App以HTML5和COIMOTION打造跨平台App
以HTML5和COIMOTION打造跨平台AppBen Lue
 
App inventor2利用WebViewer與ActivityStarter連到外部網站
App inventor2利用WebViewer與ActivityStarter連到外部網站App inventor2利用WebViewer與ActivityStarter連到外部網站
App inventor2利用WebViewer與ActivityStarter連到外部網站Jerry Wu
 
Net 6 的 blazor 開發新視界
Net 6 的 blazor 開發新視界Net 6 的 blazor 開發新視界
Net 6 的 blazor 開發新視界Gelis Wu
 
行動開店 交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週
行動開店   交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週行動開店   交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週
行動開店 交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週My own sweet home!
 
0328 Windows Server 2008 應用程式相容性
0328 Windows Server 2008 應用程式相容性0328 Windows Server 2008 應用程式相容性
0328 Windows Server 2008 應用程式相容性Timothy Chen
 
价值中国网站开发、管理经验探讨、分享、交流
价值中国网站开发、管理经验探讨、分享、交流价值中国网站开发、管理经验探讨、分享、交流
价值中国网站开发、管理经验探讨、分享、交流hizhubo
 
如何利用Microsoft visual source safe進行版本控管
如何利用Microsoft visual source safe進行版本控管如何利用Microsoft visual source safe進行版本控管
如何利用Microsoft visual source safe進行版本控管冠智 廖
 
博客的注册及使用
博客的注册及使用博客的注册及使用
博客的注册及使用shysea01
 
博客的注册及使用
博客的注册及使用博客的注册及使用
博客的注册及使用shysea001
 
Jimdo tutorial
Jimdo tutorialJimdo tutorial
Jimdo tutorialshiyanqing
 
鼎鈞數位行銷App營運實務全攻略
鼎鈞數位行銷App營運實務全攻略鼎鈞數位行銷App營運實務全攻略
鼎鈞數位行銷App營運實務全攻略淳甫 鄭
 
通用即时到帐接口集成教程 Php版本
通用即时到帐接口集成教程 Php版本通用即时到帐接口集成教程 Php版本
通用即时到帐接口集成教程 Php版本abdul_manashi
 

Similar to Coimotion api (20)

富文本编辑器在互联网上的应用
富文本编辑器在互联网上的应用富文本编辑器在互联网上的应用
富文本编辑器在互联网上的应用
 
Bluemix API Connect
Bluemix API ConnectBluemix API Connect
Bluemix API Connect
 
李昶翰(Reborn):工作流程自動化 Microsoft Power Platform – 運用 Power BI + Power Automate ...
李昶翰(Reborn):工作流程自動化 Microsoft Power Platform –  運用 Power BI + Power Automate ...李昶翰(Reborn):工作流程自動化 Microsoft Power Platform –  運用 Power BI + Power Automate ...
李昶翰(Reborn):工作流程自動化 Microsoft Power Platform – 運用 Power BI + Power Automate ...
 
Go agent
Go agentGo agent
Go agent
 
Bluemix Connect & Compose
Bluemix Connect & ComposeBluemix Connect & Compose
Bluemix Connect & Compose
 
以HTML5和COIMOTION打造跨平台App
以HTML5和COIMOTION打造跨平台App以HTML5和COIMOTION打造跨平台App
以HTML5和COIMOTION打造跨平台App
 
第1章
第1章第1章
第1章
 
App inventor2利用WebViewer與ActivityStarter連到外部網站
App inventor2利用WebViewer與ActivityStarter連到外部網站App inventor2利用WebViewer與ActivityStarter連到外部網站
App inventor2利用WebViewer與ActivityStarter連到外部網站
 
App studio
App studioApp studio
App studio
 
Net 6 的 blazor 開發新視界
Net 6 的 blazor 開發新視界Net 6 的 blazor 開發新視界
Net 6 的 blazor 開發新視界
 
行動開店 交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週
行動開店   交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週行動開店   交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週
行動開店 交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週
 
0328 Windows Server 2008 應用程式相容性
0328 Windows Server 2008 應用程式相容性0328 Windows Server 2008 應用程式相容性
0328 Windows Server 2008 應用程式相容性
 
价值中国网站开发、管理经验探讨、分享、交流
价值中国网站开发、管理经验探讨、分享、交流价值中国网站开发、管理经验探讨、分享、交流
价值中国网站开发、管理经验探讨、分享、交流
 
如何利用Microsoft visual source safe進行版本控管
如何利用Microsoft visual source safe進行版本控管如何利用Microsoft visual source safe進行版本控管
如何利用Microsoft visual source safe進行版本控管
 
博客的注册及使用
博客的注册及使用博客的注册及使用
博客的注册及使用
 
博客的注册及使用
博客的注册及使用博客的注册及使用
博客的注册及使用
 
Jimdo tutorial
Jimdo tutorialJimdo tutorial
Jimdo tutorial
 
敦群學院-SharePoint精英計畫-系統開發-Day 3
敦群學院-SharePoint精英計畫-系統開發-Day 3敦群學院-SharePoint精英計畫-系統開發-Day 3
敦群學院-SharePoint精英計畫-系統開發-Day 3
 
鼎鈞數位行銷App營運實務全攻略
鼎鈞數位行銷App營運實務全攻略鼎鈞數位行銷App營運實務全攻略
鼎鈞數位行銷App營運實務全攻略
 
通用即时到帐接口集成教程 Php版本
通用即时到帐接口集成教程 Php版本通用即时到帐接口集成教程 Php版本
通用即时到帐接口集成教程 Php版本
 

Coimotion api