Uniapp是一套基于Vue.js框架的多端开发框架,可以开发出nativ的App、H 5. 小程序等多端应用。其中,开发原生App需要使用到安卓 Studio。
以下介绍uniapp开发原生安卓应用的详情。
一、前置知识
1. Vue基础
2. 安卓基础
3. Gradle基础
二、环境搭建
1. 安装安卓 Studio
2. 创建项目
3. 安装uni-app插件
4. 配置Gradle
5. 打包apk
三、具体步骤
1. 安装安卓 Studio
在官网下载并安装最新版安卓 Studio,因为uniapp开发原生App需要使用到安卓 Studio。
2. 创建项目
打开安卓 Studio后,选择File > New > New Project。在弹出的窗口中选择“Empty Activity”项目,注意选择安卓 4.4 (KitKat)及以上的版本。
3. 安装uni-app插件
点击File > Settings,在命令行中输入uni-app,然后安装uni-app插件。安装后需要重启安卓 Studio。
4. 配置Gradle
在项目的build.gradle中添加如下代码
```
buildscript {
dependencies {
classpath 'com.安卓.tools.build:gradle:3.2.1' //最新版本
}
}
allprojects {
repositories {
google()
jcenter()
maven {
url 'https://maven.aliyun.com/repository/public/'
}
}
}
ext {
compileSdkVersion = 28 // 编译的 SDK 版本
buildToolsVersion = 28.0.2 // 使用的构建工具的版本
}
```
5. 打包apk
在项目目录下新建一个安卓文件夹,然后在文件夹中添加app/src/main/assets目录,将uniapp中打包好的静态资源放到该目录下,接着在app/src/main/java/com.你的包名/MainActivity.java文件中添加如下代码
```
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity,main);
WebView webView = findViewById(R.id.webview);
WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);
webView.loadUrl(file:///安卓,asset/h5/dist/index.html);
}
}
```
在gradle.properties中添加如下代码
```
安卓.enableJetifier=true
安卓.use安卓X=true
```
之后就可以进行打包了,选择Build > Make Project来进行构建或者点击右侧的Gradle来进行打包。
四、总结
根据以上的步骤,我们可利用uni-app框架在安卓 Studio中完成安卓应用的开发。其中需要留意的是,需要熟悉 安卓 开发和 Gradle 构建的基础知识。