• win7下react-native安卓打包踩坑


    都说工具使我们使用更加方便,然而最近研究React-native打包还有webpack这些工具,真是一把心酸一把泪。感觉这些开发工具对window系统十分不友好,外国佬都是都在用mac系统的土豪。

    言归正传,今天写下这个打包流程,目的是希望可以帮助那些和我一同奋斗在window系统的童鞋。

    我这里会先介绍完整流程,和一些可能会遇到的问题及解决方法

    一、完整打包流程
    (1)打开packager包
    在cmd的程序根目录下/react-native start


    (2)在工程目录里 执行 mkdir Androidappsrcmainassets 这目录是为了存储稍后的离线包


    (3)生成密匙
    在cmd的程序根目录下keytool -genkey -v -keystore intelligentlifeandroid.keystore -alias intelligentlifeandroidalias -keyalg RSA -keysize 2048 -validity 10000
    上述intelligentlifeandroid.keystore以及intelligentlifeandroidalias 都是可修改的


    (4)设置gradle变量 将(3)申请到的keystore文件放到androidapp目录下 
    编辑 android gradle.properties,添加如下的代码(注意:请把其中的** 替代为替换的keystore密码)

    MYAPP_RELEASE_STORE_FILE=my-release-key.keystore
    MYAPP_RELEASE_KEY_ALIAS=my-key-alias
    MYAPP_RELEASE_STORE_PASSWORD=*****
    MYAPP_RELEASE_KEY_PASSWORD=*****


    (5)添加签名到应用的gradle配置文件 
    编辑你工程目录下的android/app/build.gradle

    ...
    android {
        ...
        defaultConfig { ... }
        拷贝:signingConfigs {
            release {
                storeFile file(MYAPP_RELEASE_STORE_FILE)
                storePassword MYAPP_RELEASE_STORE_PASSWORD
                keyAlias MYAPP_RELEASE_KEY_ALIAS
                keyPassword MYAPP_RELEASE_KEY_PASSWORD
            }
        }
        buildTypes {
            release {
                ...
                拷贝:signingConfig signingConfigs.release
            }
        }
    }

    (6)cd 到 android 目录下 使用gradle命令打签名包:gradlew assembleRelease 
    (打包前应该确保react-native start已开启)
    打包成功后会在 androidappuildoutputsapk内 找到app-release.apk 就是签名apk。 

    (7)如果想重新打包,在android 目录下使用命令:gradlew clean(清除文件)
    (确保react-native start已开启)
    接着在执行命令6

    (8)执行一次后再次打包只需直接执行(6)或(7)

    二、打包过程可能会出现的一些问题:

    1.查看gradle环境
    C:Users用户.gradlewrapperdists的gradle2.XX的压缩文件完整与否

    2.报:Java.util.zip.ZipException: error in opening zip file
    编译环境与生成环境的JDK版本不一样

    3.报:':app:bundleReleaseJsAndAssets'
    在androidapp eact.gradle文件
    修改前:
    if (Os.isFamily(Os.FAMILY_WINDOWS)) {
                        commandLine "cmd", "/c", "react-native", "bundle", "--platform", "android", "--dev", "${devEnabled}",
                                "--entry-file", entryFile, "--bundle-output", jsBundleFile, "--assets-dest", resourcesDir
                    } else {
                        commandLine "react-native", "bundle", "--platform", "android", "--dev", "${devEnabled}",
                                "--entry-file", entryFile, "--bundle-output", jsBundleFile, "--assets-dest", resourcesDir
                    }


    修改后:
    if (Os.isFamily(Os.FAMILY_WINDOWS)) {
                        commandLine "cmd", "/c", "node", "node_modules/react-native/local-cli/cli.js", "bundle", "--platform", "android", "--dev", "${devEnabled}",
                                "--entry-file", entryFile, "--bundle-output", jsBundleFile, "--assets-dest", resourcesDir
                    } else {
                        commandLine "node", "node_modules/react-native/local-cli/cli.js", "bundle", "--platform", "android", "--dev", "${devEnabled}",
                                "--entry-file", entryFile, "--bundle-output", jsBundleFile, "--assets-dest", resourcesDir
                    }

  • 相关阅读:
    ecshop 商品分类下的销售排行
    ecshop批量清除商品的精品新品热销属性
    ECSHOP二次开发之给商品增加新字段
    ECSHOP首页调用文章内的缩略图
    ECSHOP给分类添加代表图
    ECSHOP首页促销商品下显示促销时间
    鼠标点击后更换背景
    ECSHOP如何修改商品评论或留言的日期
    ECSHOP设置指定IP才能登录后台
    ecshop远程图片本地化保存相册图片
  • 原文地址:https://www.cnblogs.com/ZpandaZ/p/7396992.html
Copyright © 2020-2023  润新知