PhoneGap学习笔记-----phone3.4之Android搭建--导出jar包(处处可用)--并导出插件或加入第三方插件

迈不过友情╰ 2022-08-06 09:08 14阅读 0赞

**http://blog.csdn.net/klx502/article/details/40617497**

该链接已经说明如何从命令行创建一个phonegap项目了

这次的主题是基于上一遍【PhoneGap学习笔记-----phone3.4之Android搭建】延伸出来的

1.创建项目：

![Center][]

**2.为创建的目录添加平台支持：**

![20150108145426235][]

**3.build 这个项目，之后就可以在Eclipse里导入android项目了：**

![20150108145617417][]

**4.到Eclipse里，import导入项目：**

![20150108150056096][]

**5.找到第一步创建时想要的目录路径，可以看回第一张图片：**

![20150108150120120][]![20150108150619328][]

**6.从官网添加插件：**

命令行：

![20150108151153031][]

更多插件，访问：[点击打开链接][Link 1]

添加完你想要的插件后，回到Eclipse里，refresh该项目：

![20150108151448186][]

至此，网上的搭建结束，接下来是导出phonegap 3.4包和插件包后的工作：

\---------------------------------------------------------------------------------分割线-----------------------------------------------------------------

**7.导出phonegap包：**

Eclipse--项目列表---右键--Export:

![20150108152416339][]![Image 1][]![Center 1][]

**8.导出下载的插件：**

![20150108152437296][]

当然，这里下载的插件，你可以全部下载完你自己想要的再导出，免得经常导出导入

现在，得到了两个包，一个是phonegap 3.4的包，一个是插件包，这两个包就可以随便引用了，想phonegap 2.9.1那样可以导入到android项目里了。

**9.还有一步工作：（显示assets的文件）**

你会发现，刚才用命令行建立的phonegap项目，在assets文件夹下，没有www文件夹，也没有相应的js

步骤为：

右键项目名称----properties-> Properties -> Resource -> Resource Filters

![20150108153131236][]

remove这两项，然后确定

然后发现，这些都assets下的www显示出来了

![Image 1][]

**10：新建一个新的android项目：**

eclipse--new 一个新的android项目  (平时怎样建android项目就怎样建)

导入刚才两个jar包

然后新建一个assets目录，然后把刚才显示的www文件夹复制到assets目录下：

然后为该项目AndroidManifest.xml 添加权限：

<uses-permission android:name="android.permission.CAMERA" />
        <uses-permission android:name="android.permission.VIBRATE" />
        <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
        <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
        <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
        <uses-permission android:name="android.permission.READ_PHONE_STATE" />
        <uses-permission android:name="android.permission.INTERNET" />
        <uses-permission android:name="android.permission.RECEIVE_SMS" />
        <uses-permission android:name="android.permission.RECORD_AUDIO" />
        <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
        <uses-permission android:name="android.permission.READ_CONTACTS" />
        <uses-permission android:name="android.permission.WRITE_CONTACTS" />
        <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
        <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
        <uses-permission android:name="android.permission.GET_ACCOUNTS" />
        <uses-permission android:name="android.permission.BROADCAST_STICKY" />

在Activity.java 添加：

// TODO Auto-generated method stub
    		super.onCreate(savedInstanceState);
    		super.setBooleanProperty("loadInWebView", true);
    		super.loadUrl(Config.getStartUrl(), 10000);// 加载应用首页
    		appView.getSettings().setJavaScriptEnabled(true);// 设置支持javascript脚本
    		//loadUrl(launchUrl);

右键项目，run as...该项目

至此，phonegap项目创建成功。

**11.添加第三方插件：**

![Center 2][]

找到cordova\_plugins.js 打开 在a.exports添加：

![Center 3][]

**在module.exports.metadata上添加：**

![Center 4][]

当然，还需要导入你第三方的一些Java类，或者Jar包

**  最后，还需要在config.xml里添加该插件名引用：**

![Center 5][]

**然后就可以在js里引用你想要的插件了：**

![Center 6][]

![Center 7][]

js调用Java的方法：自己写一个Java类，在js里调用

![Image 1][]

然后在config.xml里添加该类的路径：

![Center 8][]

然后在js里对这个Java类的方法调用：

![Center 9][]

**Java 类的方法：**

![20150108163337593][]

[phonegap3.4下载地址][phonegap3.4]

至此，引用第三方插件已结束。水平有限，实习生

[Center]: /images/20220806/da685ae621e143369016bf0d8459557e.png
[20150108145426235]: /images/20220806/d797906d07fd4e6c985d8227190242ab.png
[20150108145617417]: /images/20220806/e338b7f4a0164eab9704bedaf15dd094.png
[20150108150056096]: /images/20220806/4d908ea2ea604189b7178087827f3383.png
[20150108150120120]: https://img-blog.csdn.net/20150108150120120
[20150108150619328]: /images/20220806/3269b74bc71144b0b6e82cccfc9a38be.png
[20150108151153031]: /images/20220806/e0da19109f204a3091f6f74c8002b5cc.png
[Link 1]: http://plugins.cordova.io/#/viewAll
[20150108151448186]: /images/20220806/b191efb6eb83411099a2b1fe195f4359.png
[20150108152416339]: https://img-blog.csdn.net/20150108152416339
[Image 1]: 
[Center 1]: /images/20220806/b676af5fb00f4c6c903a4d08091c6f0a.png
[20150108152437296]: /images/20220806/fb28a5301b64495ca07111244ba4baff.png
[20150108153131236]: /images/20220806/0735ce818cde46c082c8281e2e803c42.png
[Center 2]: /images/20220806/204d556fa86a44fd897c08870c3a458d.png
[Center 3]: /images/20220806/3fef780cdb8b4c4c94a36fa25f8b4747.png
[Center 4]: /images/20220806/71ff50eed62a455d87b0c44c2fbf5a6a.png
[Center 5]: /images/20220806/a555718687284f9ab205405c4a5fe97f.png
[Center 6]: /images/20220806/568788c043cc4ca28e1b2fbfb4b3db3f.png
[Center 7]: /images/20220806/8181a44cc87c40edb698280c9b83d51d.png
[Center 8]: /images/20220806/381a349275aa4a18b4383fd3d369463a.png
[Center 9]: /images/20220806/b449f5e1beae49b597eab31b696e3ea4.png
[20150108163337593]: /images/20220806/815a236e5f3e4d41b55d97c97d679f2c.png
[phonegap3.4]: http://download.csdn.net/detail/klx502/8379355