ionicカスタムプラグイン
4539 ワード
概要
ionicはWEB開発技術に専念し、HTML 5に基づいて携帯電話プラットフォームのようなオリジナルアプリケーションを作成する開発フレームワークである.AngularJSとSassがバインドされています.このフレームワークの目的は,webの観点から携帯電話アプリケーションを開発し,PhoneGapのコンパイルプラットフォームに基づいて,各プラットフォームにコンパイルされたアプリケーションを実現することである.
環境構築
Node.jsのインストールは私の前の編を見てください.ここではあまり言いません.
1.plugmanプラグインのインストール、端末入力
plugman create --name ZJPlugman --plugin_id cordova.plugin.ZJPlugman --plugin_version 0.0.1
cd ZJPlugman plugman platform add --platform_name android plugman platform add --platform_name ios
プロジェクトディレクトリの下に入ると、私のところのdemoはFirstIonic sudo cordova plugin add plugin-idまたはプラグインパスと呼ばれています.本プロジェクトはプラグインのローカルパスです.インストールに成功したかどうかは、iOSを例に挙げてください.
クリック
.controller('CustomMethodController', function($scope){ $scope.handleClick = function() { successCallBack = function(num) { alert(num); } errorCallBack = function(data) { alert(data); } cordova.plugins.ZJPlugman.coolMethod("呼び出し成功~",successCallBack,errorCallBack);})
ionicはWEB開発技術に専念し、HTML 5に基づいて携帯電話プラットフォームのようなオリジナルアプリケーションを作成する開発フレームワークである.AngularJSとSassがバインドされています.このフレームワークの目的は,webの観点から携帯電話アプリケーションを開発し,PhoneGapのコンパイルプラットフォームに基づいて,各プラットフォームにコンパイルされたアプリケーションを実現することである.
環境構築
Node.jsのインストールは私の前の編を見てください.ここではあまり言いません.
1.plugmanプラグインのインストール、端末入力
sudo npm install -g plugman```
####2. ZJPlugman，
plugman create --name #pluginName# --plugin_id #pluginID# --plugin_version #version# [--path ] [--variable NAME=VALUE]
#pluginName# ZJPlugman。
#pluginID# cordova.plugin.ZJPlugman
#version# 0.0.1
[--path ] [--variable NAME=VALUE] ， 。 （desktop） ZJPlugman
plugman create --name ZJPlugman --plugin_id cordova.plugin.ZJPlugman --plugin_version 0.0.1
####3.
ZJPlugman Android ios ， platform android ios ， ， Android iOS
cd ZJPlugman plugman platform add --platform_name android plugman platform add --platform_name ios
iOS ，
####4.
1. ：plugin.xml
[JSON](http://json.cn/)
> ：
(1) id： ， cordova.plugin.ZJPlugman
(2) name: ， ZJPlugman
(3) js-module: javascript ，src www/ZJPlugman.js
(4) platform: ， “ plugman platform add --platform_name ios ” ， iOS 。
2. www/ZJPlugman.js
> :
cordova exec ；
exec(success, error, "DZFPlugin", "coolMethod", [arg0]);
success:
error :
"DZFPlugin" ：
"coolMethod" : ，
[arg0]： ，
js ， demo， ， 。
#
[ ](http://www.jianshu.com/p/fbd666fd2977) demo，
プロジェクトディレクトリの下に入ると、私のところのdemoはFirstIonic sudo cordova plugin add plugin-idまたはプラグインパスと呼ばれています.本プロジェクトはプラグインのローカルパスです.インストールに成功したかどうかは、iOSを例に挙げてください.
platforms/ios iOS
#
www Staging www
`/Staging/www/templates/tab-dash.html`
クリック
`Staging/www/js/controllers.js`
.controller('CustomMethodController', function($scope){ $scope.handleClick = function() { successCallBack = function(num) { alert(num); } errorCallBack = function(data) { alert(data); } cordova.plugins.ZJPlugman.coolMethod("呼び出し成功~",successCallBack,errorCallBack);})
#
[FirstIonic ](https://github.com/948769029/FirstIonic)
---
#
， ，
、 、
### ：[552048526]()