windows平台下weex项目Android打包生成apk流程

Flutter开发Windows环境配置与优化指南 跨平台开发框架Flutter以其高性能的Skia渲染引擎和60fps的流畅体验,成为移动应用开发的热门选择。其核心原理在于绕过JavaScript桥接直接调用GPU渲染,特别适合复杂动画和高频交互场景。在工程实践中,Windows平台的环境配置往往是开发者的首个挑战,涉及系统版本、Android工具链优化及IDE插件配置等关键技术环节。通过合理配置Hyper-V模拟器和VS Code调试参数,可显著提升开发效率。本文基于金融级应用实战经验,详解从环境准备到内存泄漏检测的全链路解决方案,帮助开发者规避常见陷阱 阅读详情

安装 weex-toolkit

我们使用weex-toolkit进行weex项目的打包,直接全局安装,如果出现权限错误,则加上sudo命令

npm install -g weex-toolkit

网上有人说使用 cnpm 淘宝镜像安装后,weex有问题。我自己使用后安装也失败了,最后还是卸载了重新用 npm 安装

安装完成后在命令行输入weex,若出现各种命令选项介绍,则安装成功

可以参考https://blog.youkuaiyun.com/ufocode/article/details/75171290

安装和配置 Android studio

在官网上下载安装包 http://www.android-studio.org/

安装步骤参考 https://www.cnblogs.com/xiadewang/p/7820377.html
安装完成以后点击项目右上角图标, 打开SDK Manager 这里写图片描述
接着参考以下内容
https://reactnative.cn/docs/getting-started/ 和 https://segmentfault.com/a/1190000009182882
安装 Android SDK 并配置ANDROID_HOME环境变量,SDK Platforms主要包括 Google APIS,Android SDK Platform 23,Intel x86 Atom_64 System Image,Google APIS Intel x86 Atom_64 System Image。SDK Tools包括23.0.1 和23.0.2

开始打包

添加平台

weex platform add android

打包

weex build android

若遇到无法获取资源的错误,则是因为没有科学上网问题,需要更换依赖库下载地址。在项目文件夹\platforms\android找到build.gradel文件,将maven地址更改为阿里云的镜像地址,并注释掉前面的代码。

buildscript {
    repositories {
        // mavenLocal()
        //jcenter()
        // mavenCentral()
        maven {
            url 'http://maven.aliyun.com/nexus/content/groups/public'
        }
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:2.2.2'
        classpath 'com.taobao.android:weexplugin-gradle-plugin:1.3'
    }
}

allprojects {
    repositories {
        // mavenLocal()
        //jcenter()
        // mavenCentral()
        maven {
            url 'http://maven.aliyun.com/nexus/content/groups/public'
        }
    }
}

若遇到Could not find tools.jar. Please check that E:\jdk1.8.0_77\jre1.8 contains a valid JDK installation,则需要需要配置JAVA_HOME环境变量,首先找到tools.jar所在的jdk文件夹,查看路径,并将其设置为环境变量,例如我的路径为

这里写图片描述

签名

打包生成的apk文件app-release-unsigned.apk是未签名的,其不能在手机上正常安装,需要先签名

在此我们使用JDK自带的keytool和jarsigner进行签名,首先先进入到JDK目录的bin文件夹中,并将app-release-unsigned.apk复制到该文件夹,运行cmd,在此目录下,输入命令生成.keystore签名文件

keytool -genkey -alias 文件名.keystore -keyalg RSA -validity 1000 -keystore 文件名.keystore
 

运行后,你可以看见在当前目录下生成了keystore文件,接着对apk进行签名

jarsigner -verbose -keystore 签名文件名.keystore -signedjar 签名后.apk app-release-unsigned.apk 签名文件名.keystore

运行后,在当前目录下就好生成一个已签名的apk,可以将其传到手机或模拟器中进行安装

签名过程中具体参数可参考 http://www.tttabc.com/android/keytool-keystore-jarsigner-apk.htm
https://blog.youkuaiyun.com/oyangyufu/article/details/40379395


如果觉得这篇文章帮助了您,请打赏一个小红包鼓励作者继续创作哦!!!

在这里插入图片描述

uni-app跨端开发入门:从HBuilderX安装到多端发布实战指南 跨平台开发框架通过一套代码实现多端部署,其核心原理是基于统一的JavaScript运行时和原生渲染桥接技术,在Webview或原生组件之间建立映射关系。这种架构为开发者带来了显著的技术价值,能够大幅降低多端适配的研发成本,提升代码复用率和迭代效率。在实际应用场景中,它尤其适合快速构建信息展示、表单交互、数据列表等中低复杂度应用,并能覆盖iOS、Android、H5及各类小程序平台。本文以uni-app框架为例,详细阐述了其开发环境的搭建与配置,特别是如何利用HBuilderX IDE高效创建项目、集成SCS 阅读详情

相关推荐

Flutter 跨平台开发实战:从环境搭建到状态管理完整指南

跨平台开发框架旨在解决原生开发中维护多套代码库带来的高成本和低效率问题,通过一套代码实现多端部署,从而提升开发效率和保证应用体验的一致性。其技术原理通常涉及统一的UI渲染引擎和与原生平台的能力桥接,核心价值在于平衡开发效率与运行时性能。在移动应用开发领域,Flutter凭借其自绘引擎和接近原生的性能表现,成为实现这一目标的主流选择。本文聚焦Flutter实战,详细解析其核心架构与状态管理机制,并通过构建登录页面和购物车等典型应用场景,手把手指导开发者完成从开发环境配置到复杂应用开发的完整闭环。

weixin_34050519的博客 350

weex Android 空白,weex打包安卓问题

请问大家,这个运行为什么报错了,看样子是仓库访问不了的问题, 但是里面的com.taobao.android:weexplugin-gradle-plugin这个插件哪里才能下载啊,找了很多仓库都没有这个东西。weex run android一直都是跑不了??=> Will start Android app============build config============AppId=...

weixin_39959615的博客 346

Vue 3 移动应用开发实战:基于 Capacitor 的混合应用构建指南

混合应用开发结合了Web技术的快速迭代与原生应用的设备访问能力,通过WebView容器和JavaScript桥接技术,实现了跨平台部署。其核心价值在于允许开发者使用熟悉的前端框架(如Vue.js)构建应用,同时通过原生插件调用摄像头、文件系统等硬件功能,大幅提升开发效率并扩展应用边界。在移动端开发领域,Vue 3凭借其组合式API和出色的TypeScript支持,成为构建现代Web应用的热门选择。而Capacitor作为官方推荐的混合应用运行时,提供了与Vue 3和Vite工具链的无缝集成,使得开发者能够轻

weixin_34293246的博客 293

前端开发-Weex初试

1 Weex介绍 weex是阿里2016年开源的一套跨移动端(Andriod/IOS/Wap)的前端框架,采用VUE,较React Native入门相对简单 官网地址 2 Weex安装与初始化 2.1 安装NodeJS和NPM 略过,默认安装了 注意:nodejs的版本须大于4.5.0 2.2 安装weex npm install -g week-toolkit,全局安装week工具集合 安装...

weixin_33920401的博客 678

方案设计之亿级排行榜方案设计

该方案通过 “Redis Zset 为核心 + 分治策略为骨架 + 多级优化为细节”,在亿级用户场景下实现了:本质是将 “亿级大问题” 拆解为 “千万级小问题”,用分布式思想和精细化设计平衡性能、可用性与成本。

shine0312的专栏 1100

SVG文件上传漏洞实战:从XSS攻击到防御策略

本文深入剖析了SVG文件上传漏洞的成因与危害,揭示了攻击者如何利用SVG的XML本质构造恶意文件,绕过常规检查实现存储型XSS攻击。文章通过实战复现演示了完整的攻击链,并提供了从严格内容检查、安全解析过滤到设置CSP策略等多层次的纵深防御方案,帮助开发者从根本上加固文件上传功能。

weixin_29230805的博客 395

weex android 交互,weex项目接入到Android studio中

1:命令行 weex create awesome-app 生成一个weex项目2:命令行 weex platform add android 项目加入到Android平台成功之后再 platforms 夹中会有一个 android 文件npm run build监视在vscode中的APP打包npm run serve编译到浏览器WARNING: API 'variant.getJavaComp...

weixin_29593445的博客 294

统信UOS上Qt5.12.8离线安装保姆级教程(避坑网络登录与GCC选择)

本文提供统信UOS系统下Qt5.12.8离线安装的完整教程,涵盖环境准备、安装步骤、常见问题解决及开发优化建议。特别针对无网络环境下的登录验证跳过、GCC版本匹配等关键问题提供解决方案,帮助开发者快速搭建稳定的Qt开发环境。

weixin_30666401的博客 462

Weex开发(创建项目/打包到android/运行)

一、weex简介以及开发前提1、简介       官网的解释为Weex是一个使用Web开发体验来开发高性能原生应用的框架。按我的理解其实就是,只用写一份代码,可以同时在PC端和移动端(包括android 和IOS)运行。2、开发前提和基础       要利用weex开发,需要了解node.js和npm的基本知识。       如果没有了解node.js和npm,建议先了解相关知识。       n...

zeternityyt的博客 1万+

FOC电机控制实战:增量式编码器零位校准的5个关键步骤(附STM32代码)

本文详细解析了FOC电机控制中增量式编码器零位校准的5个关键步骤,包括电角度锁定、定时器计数清零、机械偏移角补偿等,并提供了STM32平台的实战代码。通过精准的零位校准,可显著提升电机控制系统的精度和稳定性,适用于工业伺服和机器人关节等高精度场景。

rum55的博客 618

别再只画GO图了!用R语言+Perl脚本搞定单细胞KEGG富集分析与圈图(附完整代码)

本文详细介绍了如何利用R语言和Perl脚本实现单细胞KEGG富集分析全流程,从基因ID转换到专业圈图可视化。通过对比KEGG与GO分析的互补价值,提供完整的代码实现和优化技巧,帮助研究者高效完成单细胞测序数据的通路分析,并生成高质量的圈图展示结果。

weixin_28694169的博客 403

Android APP和 Weex混合开发从环境搭建到APP工程运行

一、简言 目前Android可行的混合编程方案有Weex和ReactNative两种方案,两者基本类同,只是使用框架技术有点不一样。从网上的资料可以查知到Weex相比ReactNative更容易上手,另外ReactNative在处理IOS端的长列表时容易出现内存泄漏。关于Weex和ReactNative的进一步比较可以参阅博客Weex 和 React Native 的比较看这里和Weex和Rea...

polo2044的专栏 2219

【STM32 Blue Pill编程】-STM32CubeIDE开发环境搭建与点亮LED

本文为使用 STM32Cube IDE 的 STM32 Blue Pill 入门教程。 在本文中,我们将介绍如何控制 STM32 Blue Pill 的 GPIO 引脚。以及开发环境搭建。 本系列文章将重点介绍采用 ARM Cortex-M 的 BluepellSTM32F103C8 微控制器以及如何使用 STM32CubeIDE 对其进行编程。 STM32CubeIDE是STM32官网提供的IDE

视觉与物联智能 1067

windows+weex+vue项目——Android打包生成apk流程

** windows+weex+vue项目——Android打包生成apk流程 ** 第一步:安装 weex-toolkit **命令:**npm install -g weex-toolkit,安装完成后在命令行输入weex,若出现各种命令选项介绍,则安装成功 **若出现:**npm start 4058问题解决方案:erro提示找不到pakege.jsion文件,两种情况可能会出现这个问题。...

qq_34514388的博客 1519

基于STM32、HAL库的W25Q01JVZEIQ TR FLASH存储器驱动应用程序设计

1Gb (128MB),分为512个可擦除块(block),每个块256KB。:块擦除约30-50ms,芯片擦除约30s。:标准SPI (支持1/2/4线模式)// 初始化CS引脚为高电平。// 擦除扇区(4KB)// 初始化Flash。/* 状态寄存器位 *//* 指令定义 *//* 超时定义 *//* 函数声明 */

corlin6688的博客 267

uniapp微信小程序开发:解决Video播放m3u8视频流非卡顿问题,使用video视频标签播放M3U8视频流或直播流总是加载一卡一卡的体验非常差的情况【多种优化方案提升流畅度和缓冲方案示例源码】

uniapp微信小程序video播放m3u8视频流卡,uniapp video在微信小程序播放m3u8格式视频总是加载频繁卡顿,Uniapp微信小程序苹果ios真机播放m3u8很卡加载不流畅怎么办,uni-App如何解决小程序端video播放视频流M3U8格式出现卡顿情况,uniapp播放m3u8直播流卡顿如何优化?uniapp m3u8格式视频加载,.m3u8监控视频,uniapp微信小程序使用video组件播放M3U8视频卡顿,uniapp微信小程序视频播放卡顿如何解决,uniapp 打包微信小程序播放

✅ 精选推荐文章 2987

Weex框架开发 基于windows系统的环境搭建

1 安装依赖node.js 1.1 node 版本 C:\Users\**>node -v v10.15.1 1.2 npm包管理工具版本(当前,node会同时安装npm) C:\Users\**>npm -v 6.4.1 1.3 安装week-toolkit C:\Users\**>npm install -g weex-toolkit WINDOWS下安装wee...

lixiaotao_1的博客 896

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

weexpack打包weex项目运行/打包记录

构建weex项目 安装weex-toolkit cnpm install -g weex-toolkit 初始化一个项目只需新建文件夹并在目录下执行 weex init 即可 安装依赖:cnpm install 编译项目:npm run dev 启动服务器:npm run serve //可以修改package.json的端口号来改变监听端口 可以执行的命令一览 使用weexpac...

weixin_30732825的博客 157

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

Windows下搭建Weex环境【初体验】

上手windows环境下,weex开发环境搭建初体验

kelerwx999的博客 2405

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

weex打包android apk采坑之旅(windows)

1、npm install weex-toolkit -g 后weex命令不起作用 ,解决办法把weex.cmd所在的目录添加到环境变量PATH 2、weex命令每次报找不到文件‘C:\Program’错误 直接无视 3、Environment variable $ANDROID_HOME not found !错误,解决方法在环境变量里添加ANDROID_HOME 变量 值为sdk所在目...

weixin_33748818的博客 139

折腾Weex+Android App开发运行环境搭建手记

搞了几个月的Vuejs,也是时候开始搞搞基于Vuejs语法的Weex App了。 什么是Weex App? 这里有简介: Weex App 阿里巴巴开发团队在RN的成功案例上,重新设计出的一套开发模式,站在了巨人肩膀上并有淘宝团队项目做养料,广受关注,2016年4月正式开源,并在v2.0版本官方支持Vue.js,与RN分庭抗礼。 优点:单页开发模式效率极高,热更新发包体积小,

samt007的Blog 3744

weex开发环境配置

windows系统建议升级到win10,win8也可以。win7下安装由于权限的原因,可能会失败基本开发配置安装node,以便使用npm包管理工具。去官网下载安装即可安装webpacknpm install webpack -gnpm install -g weex-toolkit 安装weex-toolkit,这是官方提供的脚手架命令行工具,你可以使用它进行 Weex 项目的创建,调试以及打包等...

weixin_33877092的博客 126

跟杰哥一起学Flutter (一、开发初体验)

自 Flutter 1.19.0 dev 版本开始,Flutter SDK 在 flutter 命令脚本的同级目录下增加了 dart 命令,你可以更方便地运行 Dart 命令行程序,下载 Flutter SDK 时也会下载对应版本的 Dart SDK。当初刚学C语言的时候,老师就让我们一行行品Hello world,弄懂每行代码的作用,还挺有意思,所以这里简单过下官方Demo,不难看出核心文件 → ** lib/main.dart** → 应用程序的。所以适配方案其实就剩下。

Coder-Pig的猪栏 1413

Vue Native开发指南:用Vue语法构建原生移动应用

跨平台移动开发是现代前端工程的重要方向,它允许开发者使用一套代码构建多个平台的原生应用,大幅提升开发效率。其核心原理是通过JavaScript运行时与原生平台桥接,将前端框架的组件树映射为原生UI组件或通过自绘引擎渲染。这一技术为前端开发者提供了进入移动开发领域的捷径,尤其适合熟悉Vue.js生态的团队。在具体实践中,Vue Native作为基于React Native封装的方案,让开发者能够使用熟悉的Vue单文件组件语法和响应式系统,同时调用完整的原生API。通过组件化开发、状态管理和性能优化等工程实践,

weixin_30243533的博客 351

解锁Vue.js原生开发:跨端方案探索与实践指南

跨端开发是当前移动应用开发的重要方向,它允许开发者使用一套代码构建多个平台的应用,显著提升开发效率和代码复用率。其核心原理是通过桥接技术将前端框架的组件系统映射到原生平台的UI组件或自绘引擎,实现接近原生的性能和体验。从技术价值看,跨端方案能降低多平台开发成本,统一技术栈,并加速产品迭代。在应用场景上,适合需要快速覆盖iOS、Android及桌面端的业务型应用、内部工具和内容展示类产品。本文聚焦于Vue.js生态在原生环境的潜力挖掘,探讨如何将Vue的响应式系统和组件化开发范式,通过工具链整合和渲染器桥接等

weixin_33733810的博客 460

2022 Weex 工程搭建流程

2022 Weex 工程搭建流程,及常见问题

Android小白 1565
上一篇: 二维数组中的查找(JS实现)
下一篇: 二分查找、插值查找、斐波那契查找
PAT-python-zjw
博客等级 码龄10年 381粉丝 408原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值