微信小程序转为App并上线应用市场的方法
|
先说说背景吧，笔者开发了一款微信工具类小程序，刚开始，小程序的日访问量和用户数都还可以，但后面慢慢的发现，受限于微信小程序平台规则，很难对用户进行更深入的运营，用户流失问题也将逐渐凸显出来。另一方面，本人一直想开发一个属于自己地App，但又限于对原生技术掌握的不够深入所以一直没有上手去做。 偶然一次机会，在技术社区看到已经有比较成熟的「小程序转 App」工具后，便有了把现有小程序直接通过工具转为 App 的念头。我使用的是 FinClip 的 IDE 转 App 功能，整个过程其实比较简单，不需要太多的技术要求。 下面我也把自己在 FinClip 小程序转 App 的步骤大家简要介绍下，更详细的内容可以直接查阅官方文档。 一、下载安装工具 首先， 去FinClip 官网下载安装最新版本的 IDE 工具。 二、App 配置 打开FinClip IDE工具，然后我们需要根据Appp打包规则，配置包括logo、开屏动画和权限等内容。打开 App 配置窗口，如下图所示。 基础配置 App 基础配置: 配置需打包的应用的应用名称，应用 App 版本号，应用 build 版本号。 图标配置 App 图标配置分为两种模式： 简单模式和定制模式。 闪屏配置 接下来，是闪屏配置，也即是启动 App 的闪屏画面配置，只需要根据提示上传相应尺寸的图片即可。 URL Scheme 配置 App URL Scheme 作为不同 App 间唤起的标识信息，可供您基于推送等渠道打开 App。 目前 iOS 与 Android 均只支持一条 URL Scheme 配置。 权限配置 当需要将 App 上架至应用商店时，需要先行配置其中的使用权限。目前支持的配置权限如下： 三、生成 App 打包 目前 FIDE 提供了两种方式生成 App： 如果您没有移动 App 相关开发经验，请选择「云打包」选项。 3.1 云打包 云打包分别需要完成如下步骤： 第一步，配置小程序信息： 第二步，选择关联应用与 BundleID： 第三步，上传打包证书 由于证书与BundleID 之间是一一对应关系，因此需要上传所需的证书： iOS 证书 Android 证书 参考 iOS证书配置 进行证书配置导出上传生产、开发环境的证书、证书密码、描述文件。 参考 安卓构建应用,证书私钥（Key password），文件私钥（Key store password）。 第四步，提交云打包任务。 第五步，查看打包任务进度，下载安装包 点击右侧「下载安装包」即可获得对应的安装文件。 3.2 本地编译（导出工程项目） 第一步，配置小程序信息 第二步，选择关联应用与 BundleID 第三步，配置导出目录 第四步，导出成功 如果对本地编译敢兴趣的，可以参考：本地工程文件配置 #1. iOS 工程配置 #， 如果对应用上架流程还不是很清楚的，也可以参考：应用上架流程指引。 附：本地工程文件配置说明 1. iOS 工程配置#1.1 准备工程#1.2 配置工程 打开IDE导出的文件夹-ios-工程名-工程名.xcworkspace，双击打开 #1.2.1 App的基本配置 配置App的工程名，版本号，支持的Apple系统最低版本，支持的设备类型。 #1.2.2 App的icon和闪屏页 配置App的icon和闪屏页的图片（如果在IDE导出App的时候配置了可忽略，如果不配置的话，icon会是系统默认的白色图标，无闪屏页）。 #1.2.3 App的权限 配置App的权限，根据所使用的功能，可自行配置要申请的权限，Api对应所使用的权限可参考我们的文档说明finclip权限描述(opens new window) #1.2.4 生成证书 前提条件： 必须具备 Apple Developer Program 会员资格，才能申请、下载和使用 Apple 签发的签名证书。安装了MacOS系统的苹果电脑#1.2.4.1 生成证书请求文件打开“钥匙串访问”工具打开菜单 “钥匙串访问”->“证书助理”，选择“从证书颁发机构请求证书...”：打开创建请求证书页面，在页面中输入用户邮件地址、常用名称，选择存储到磁盘，点击 “继续” ：文件名称为 “CertificateSigningRequest.certSigningRequest”，选择保存位置，点击 “存储” 将证书请求文件保存到指定路径下，后面申请 开发(Development)证书 和 发布(Production)证书 时需要用到在保存位置可看到 生成的请求证书(CertificateSigningRequest.certSigningRequest)。#1.2.4.2 登录苹果开发者账号打开网站 苹果开发者后台(opens new window)使用苹果开发者账号登录Apple Developer登录成功后在页面选择 “Certificates,IDs & Profiles” 进入证书管理页面#1.2.4.3 申请苹果 App ID （App的唯一标识）选择页面的“Identifiers”可查看到已申请的所有 App 应用标识，点击页面上的加号来创建一个新的应用标识选择标识类型为“App IDs”，然后点击 “Continue”选择标识类型为“App”，然后点击 “Continue”平台选择“iOS，tvOS，watchOS”，Bundle ID 选择“Explicit”，在 Description 中填写描述，然后填写 Bundle ID，Bundle ID 要和finclip后台申请的应用的Bundle id保持一致，否则打开小程序会失败，比如：“com.xxxxxxxxx.xxxx”，然后点击 “Continue”确认后选择提交，回到 identifiers 页面即可看到刚创建的App ID：#1.2.4.3 生成开发证书 开发(Development)证书 及 对应的描述文件用于开发阶段使用，可以直接将 App 安装到手机上，一个描述文件最多绑定100台测试设备（开发证书不能用于发布应用到 App Store）。 #1.2.4.3.1 申请证书在证书管理页面选择 “Certificates" 可查看到已申请的所有证书（TYPE：Development 为开发证书，Distribution为发布证书），点击页面的加号来创建一个新的证书：在 “Software” 栏下选中 “iOS App Development” 然后点击 “Continue”：用到刚刚生成的证书请求文件，点击“Choose File...”，选择刚刚保存到本地的 “CertificateSigningRequest.certSigningRequest”文件，点击 “Continue” 生成证书文件：生成证书后选择 “Download” 将证书下到本地 (development.cer)：双击保存到本地的 development.cer 文件，会自动打开 “钥匙串访问” 工具说明导入证书成功，可以在证书列表中看到刚刚导入的证书，接下来需要导出 .p12 证书文件，选中导入的证书，右键选择 “导出xxxxxx”：输入文件名、选择路径后点击 “存储”,输入密码及确认密码后点击 “好”：至此，我们已经完成了开发证书的制作（得到了 xxx.p12 证书文件）。#1.2.4.3.2 添加调试设备 开发描述文件必须绑定调试设备，只有授权的设备才可以直接安装 App，所以在申请开发描述文件之前，先添加调试的设备，获取UUID的方式，点击链接获取设备的UDID (opens new window)，扫描二维码，会提示安装一个描述文件，点击安装之后，就会在浏览器中显示出设备信息。长按复制"设备信息UDID"下面的值，就是UDID了。 在证书管理页面选择 “Devices”，可查看到已添加的所有设备信息，点击页面上的加号来添加一个新设备：填写设备名称 和 UDID（设备标识）：#1.2.4.3.3 申请开发 (Development) 描述文件在证书管理页面选择 “Profiles”，可查看到已申请的所有描述文件，点击页面上的加号来添加一个新的描述文件：在 “Development” 栏下选中 “iOS App Development”，点击“Continue”按钮：这里要选择之前创建的 “App ID” ，点击“Continue”：接下来选择需要绑定的证书，点击“Continue”：选择授权调试设备，这里建议直接勾选 “Select All”，点击 “Continue”：输入描述文件的名称（如“xxxxProfile”）, 点击 “Generate” 生成描述文件：点击“Download”下载保存开发描述文件（文件后缀为 .mobileprovision）至此，我们已经得到了开发证书（.p12）及对应的描述文件（.mobileprovision）#1.2.4.4 生成发布 (Distribution)证书 发布 (Production) 证书用于正式发布环境下使用，用于提交到Appstore审核发布。发布证书打包的 ipa，不可以直接安装到手机上 #1.2.4.4.1 申请发布 (Distribution)证书在证书管理页面选择 “Certificates" 可查看到已申请的所有证书（TYPE：Development 为开发证书，Distribution为发布证书），点击页面的加号来创建一个新的证书：在 “Software” 栏下选中 “iOS Distribution(App Store and Ad Hoc)”，点击 “Continue”：接下来同样需要用到之前生成的证书请求文件，点击“Choose File...”选择刚刚保存到本地的 “CertificateSigningRequest.certSigningRequest”文件，点击 “Continue” 生成证书文件：生成证书成功，选择“Download” 将证书下载到本地同样双击保存到本地的 ios_production.cer 文件将证书导入到 “钥匙串访问”工具中，可以在证书列表中看到刚刚导入的证书，接下来需要导出 .p12 证书文件，选中导入的证书，右键选择 “导出输入文件名、选择路径后点击 “存储”：输入密码及确认密码后点击 “好”：如果弹出需要登录钥匙串的密码，输入当前设备账户密码即可。至此，我们已经完成了发布证书的制作（得到了 xxx.p12 证书文件），接下来，继续生成发布描述文件#1.2.4.4.2 申请发布 (Distribution) 描述文件在证书管理页面选择 “Profiles”，可查看到已申请的所有描述文件，点击页面上的加号来添加一个新的描述文件：在 “Distribution” 栏下选中 “App Store”，点击“Continue”按钮：这里要选择之前创建的 “App ID”，点击“Continue”：接下来选择需要绑定的发布证书（iOS Distribution），这里勾选刚刚生成的发布证书”，点击“Continue”：接下来输入描述文件的名称（如“AppProfileDistribution”）, 点击 “Generate” 生成描述文件：然后点击 “Download” 将描述文件下载到本地（文件后缀为 .mobileprovision）至此，我们已经得到了发布证书（.p12）及对应的发布描述文件（.mobileprovision）。#1.3 运行工程 打开IDE导出的文件夹-ios-工程名-工程名.xcworkspace，双击打开后，可选择用模拟运行或者真机运行。 模拟器运行直接选择一个模拟器后点击command+R运行就可以了。 真机运行需要配置证书后点击command+R运行就可以。 #1.4 打包上传#1.4.1 本地使用Xcode构建ipa上传 在上述应用bundle id,Version,Build,AppIcon,闪屏页，权限，证书等都配置后就可以打包上传了，在Xcode顶部点击Product-Archive,等到导出ipa包或者使用Xcode直接把ipa包上传到App Store Connect。如果导出了ipa包需要使用Transporter工具上传。 #1.4.3 使用云打包构建和上传 在使用云编译功能构建ipa包时，生成app->查看云打包进展->构建成功后，可以下载构建的ipa文件app应用程序，并使用Transporter工具上传，直接把生成的ipa文件拖到登录了开发者账号的Transporter工具即可。 #2. Android 工程配置#2.1 准备工程#2.2 配置工程 使用Android Studio打开导出的Android工程： 选择打开的路径为：finclip_demo\android\finclip_demo 第一次打开工程可能耗时较长，需要等待Android Studio自动下载各Android库、依赖库。 #2.2.1 app/build.gradle #2.2.2 app\src\main\AndroidManifest.xml 可以查看到app声明所需要的权限，可以根据需要自行删减或增加。 #2.2.3 闪屏页 闪屏页的配置图片，可以根据需要使用对应分辨率的图片进行替换。 注意，若要替换，需将所有分辨率对应的图片都进行替换。 #2.2.4 应用图标 应用图标文件，根据需要使用对应分辨率进行替换。 注意，若要替换，需将所有分辨率对应的图片都进行替换。 #2.3 运行工程#2.3.1 打开手机开发者模式 不同品牌手机打开的方式可能不同，大部分为在设备详情界面连续点击5次版本号。 然后进到开发者选项界面，打开USB调试。（若有USB安装，也要一并打开） 使用usb将手机连接到电脑，手机上会弹出调试授权窗口，点击允许。 #2.3.2 运行应用 最后回到Android Studio，点击右上角的运行图标即可直接在手机上运行debug版本的应用。 #2.4 构建正式应用#2.4.1 Build -> Generate Signed Bundle/APK #2.4.2 选择构建APK #2.4.3 生成证书 初次构建正式版应用时需要生成证书，点击Create new： 注意，生成后的证书文件请务必保管好，并牢记两组密码。 点击OK后证书就已经生成，回到构建窗口，所需信息也已自动填上。 今后需要再次构建正式应用时，只需要使用choose existing选择之前生成的证书文件，并填上密码、选择alias即可。 点击Next，选择生成的apk文件路径，选择release版本，最后点Finish，开始构建apk。 待Android Studio提示构建成功之后，可以在上一步指定的位置找到apk文件。 注意，点击Android Studio直接运行的debug应用使用的是默认的自带证书文件，与release应用不同，因此无法覆盖安装，需手动卸载debug应用后再安装release应用。 附：App 上架应用商店指引 1. 苹果iOS App上架流程#1. 登录Apple开发者中心 使用浏览器打开Apple开发者中心网站 (opens new window)，点击右上角账户（英文）进入登录界面，在登录界面上输入开发者账号用户名和密码进行验证，验证通过后则进入苹果开发者中心如下图 #2. App Store Connect填写App的相关信息#2.1 登录App Store Connect 点击App Store Connect进入App Store Connect, 继续点Go 头App Store Connect击进入 进入到App Store Connect主界面如下 #2.2 新App的创建 在上图右上角点击?号再点击新建App,配置一下信息后即可创建新的App，如下图： 填写完信息，App应用就创建成功啦！ #2.3 App基本信息填写 新建完App后，需要填写App的基本信息，比如App的名称，语言、类别等，可按照提示填写 #2.4 App价格与销售范围填写 填写完App的基本信息后，接着就是填写App的价格及销售范围。一般情况下，App的销售价格为免费的，销售的地区选择所有国家和地区 #2.5 App版本信息填写 首先是添加App预览图和屏幕快照，可直接将对应的图片拖到该区域，接着是App的宣传文本，描述以及关键词，可按照提示填写 填完App的宣传文本关键词后，接下来需要选择上传的App包，即将上面打包好的App包（ipa）通过Application Loader进行上传，上传成功后，构建版本右侧即可出现?，如下图所示，点击选择对应的版本包即可， 接着填写App的综合信息，如App Store图标，版本，版权等，可按照提示填写 最后是填写App的审核信息，包括用户登录名密码，联系人信息等，如下图。填完过后就可以点击右上角保存按钮，保存信息啦 #3 将ipa包上传到App Store Connect 1、Transporter 可视化工具可以在 macOS、Windows 和 Linux 操作系统上安装和运行 Transporter，下载安装后登陆开发者账号即可上传ipa包，具体用法就不说了。 2、包上传完等待15到30分钟就可以在App Store Connect看到了。如果包有代码问题这个过程会收到邮件提示。上传成功也会收到邮件提示完成。 #4 提交审核 1、ipa包上传成功后，在App Store Connect中构建版本那里就可以选择刚才上传的ipa包了，然后保存，如下如 2、点击添加以供审核就可以提交审核了，接下来就是等待审核了，中途有啥问题，会收到邮件提示，审核通过了也会收到邮件提示。 3、如果选择的是手动发布，审核通过后需要到App Store Connect中手动点击发布按钮，如果是选择自动发布则无需操作 （编辑：武汉站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |