ionic写helloworld步骤

来源:互联网 发布:amd cpu优化 编辑:程序博客网 时间:2024/05/17 03:58

趁周末的时间,研究了一下ionic的apk构建过程,还算顺利,步骤简单记录如下。

1、下载node.js并安装(www.nodejs.org)

2、npm install -g cordova ionic

3、ionic start myapp tabs 或ionic start myapp sidemenu 或ionic start myapp blank

4、安装JAVA,Android-sdk,并配置JAVA_HOME,ANDROID_HOME,PATH等路径。

5、制作签名文件 

keytool -genkey -v -keystore d:/work/ionic/my-release-key.keystore -alias release_alias -keyalg RSA -validity 36500

6、增加android平台文件夹 

cordova platform add android

7、增加platform/android/ant.properties文件,内容:
key.store=d:/work/ionic/my-release-key.keystore
key.alias=abc
key.store.password=123456
key.alias.password=123456

8、cordova build android --release

已签名的apk生成成功,手机下载后即可使用。

因为手头没有mac电脑,没有生成苹果的应用程序,看来得靠二级市场赚点钱,买一个mac mini用一下了。


cordova plugin add org.apache.cordova.console  
cordova plugin add org.apache.cordova.statusbar  
cordova plugin add org.apache.cordova.device  
cordova plugin add org.apache.cordova.splashscreen  
cordova plugin add org.apache.cordova.media


播放视频需要增加media插件

朋友圈分享插件介绍

http://blog.csdn.net/chen1026241686/article/details/38368713

短信插件

cordova plugin add https://github.com/pyriel4you/Cordova-SMS.git

使用:

smsplugin.send("13717806882","message");


流媒体插件

cordova plugin add https://github.com/nchutchind/Streaming-Media-Cordova-Plugin.git

使用:

var videoUrl = STREAMING_VIDEO_URL;


  // Just play a video
  window.plugins.streamingMedia.playVideo(videoUrl);


  // Play a video with callbacks
  var options = {
    successCallback: function() {
      console.log("Video was closed without error.");
    },
    errorCallback: function(errMsg) {
      console.log("Error! " + errMsg);
    }
  };
  window.plugins.streamingMedia.playVideo(videoUrl, options);




  var audioUrl = STREAMING_AUDIO_URL;


  // Play an audio file (not recommended, since the screen will be plain black)
  window.plugins.streamingMedia.playAudio(audioUrl);


  // Play an audio file with options (all options optional)
  var options = {
    bgColor: "#FFFFFF",
    bgImage: "<SWEET_BACKGROUND_IMAGE>",
    bgImageScale: "fit",
    successCallback: function() {
      console.log("Player closed without error.");
    },
    errorCallback: function(errMsg) {
      console.log("Error! " + errMsg);
    }
  };
  window.plugins.streamingMedia.playAudio(audioUrl, options);



0 0
原创粉丝点击