phonegap项目打包并发布到App Store

1.首先注册一个开发者账号

2.然后登录member center 

      https://developer.apple.com/membercenter/index.action

3.点击 Certificates, identifiers $ Profiles

       

如图

然后在 iOS Apps 下选择 Certificates


选择添加一个Certificates


在出现的页面中,选择 App Store and Ad Hoc ,然后点击continue,继续下一步


最后会出现一个需要你提交证书的页面。


接下来要通过自己的Mac来生成一个钥匙串

打开钥匙串,选择证书助理,选择从证书颁发机构请求证书.....


填写必要的证书信息,单击继续


此时得到一个CertificateSigningRequest.certSigningRequest 文件。

回到之前的文件上传页面,选择该文件上传,点击Generate

完成之后,会生成一个证书,选择download, 下载的本地,得到一个ios_distribution.cer






4  在 Identifier 下的 App IDs 创建一个新的  app id

在 App ID Description,输入名称


在下方的 Bundle Id 中输入绑定


在App Services选择


然后点击continue,点击 submit

成功后在 App Ids 会看到新添加的 zjut


在Provisioning Profiles中选择 Distribution,在出现的页面中新建一个iOS Provisioning Profiles(Distribution)  ,选择 App Store ,然后 continue


在出现的页面中 App ID 选择刚刚建立的 zjut 的app id,选择continue


之后需要输入 ProfileName , 输入 com.edu.zjut,选择 Generate

成功后将生成的文件下载下来,得到一个comeduzjut.mobileprovision


6

接下来要生成一个p12文件,打开钥匙串 ,在登录中将

ios_distribution.cer 文件导入

在“我的证书”中会看到新添加的证书,将其导出成p12.


7

接下来登录phonegap官网,来打包自己的项目成 ios

https://build.phonegap.com/apps/1127119/builds

在ios 中选择 add key…


p12文件选择之前生成的zjut.p12

provisioning profile 选择之前生成的 comeduzjut.mobileprovision

上传完成之后,选择Rebuild

完成之后,将ipa文件下载下来  比如 Sample.ipa


打开 Application Loader ,选择交付应用,将 Sample.ipa上传



提交成功后如图,接下来进入iTunes Connect

https://itunesconnect.apple.com/WebObjects/iTunesConnect.woa/ra/ng/app/928373005

在构建版本中,选择之前上传的文件


 选择提交以供审核

完成后,会看到正在等待审核



  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: 要打包 Vue 项目app,你可以使用一些工具,如 Cordova、Electron 或者 NativeScript。 使用 Cordova 打包: 1. 安装 Cordova:`npm install -g cordova` 2. 创建 Cordova 项目:`cordova create my-app` 3. 进入项目目录:`cd my-app` 4. 添加平台,如 Android:`cordova platform add android` 5. 将 Vue 项目构建成可以部署的代码:`npm run build` 6. 将构建后的代码拷贝到 Cordova 项目中:`cp -r dist/* www/` 7. 构建并运行 Cordova 项目:`cordova build android` 使用 Electron 打包: 1. 安装 Electron:`npm install -g electron` 2. 将 Vue 项目构建成可以部署的代码:`npm run build` 3. 创建 Electron 配置文件 `main.js`,内容如下: ``` const { app, BrowserWindow } = require('electron') function createWindow () { // 创建浏览器窗口 let win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }) // 加载应用的 index.html win.loadFile('dist/index.html') } app.whenReady().then(createWindow) ``` 4. 在 package.json 中添加启动脚本: ``` "scripts": { "start": "electron main.js" } ``` 5. 运行 `npm start` 启动 Electron 应用。 使用 NativeScript 打包: 1. 安装 NativeScript:`npm install -g nativescript` 2. 创建 NativeScript 项目:`tns create my-app --template tns-template-hello-world-vue` 3. 进入项目目录:`cd my-app` 4. 运行项目:`tns run android --bundle` 希 ### 回答2: Vue项目可以通过以下步骤打包app: 1. 使用Vue CLI创建一个新的Vue项目。Vue CLI是一个官方提供的用于快速搭建Vue项目的脚手架工具,可以通过命令行方式进行安装和创建项目。 2. 在项目的根目录下,使用命令行工具运行`npm run build`,进行项目打包。这个命令会将Vue项目进行编译、压缩和打包,生成一个可运行的文件夹。 3. 使用Cordova或者PhoneGap等移动端开发框架将打包后的Vue项目转换成app。这些框架提供了一种将Web应用程序打包成原生移动应用程序的方式,可以轻松地将Vue项目转换成Android和iOS应用。 4. 安装Cordova或者PhoneGap等框架的开发环境,并将打包后的Vue项目导入到框架的项目中。这个过程可能需要根据框架的要求进行一些额外的配置。 5. 根据需要进行一些定制化的开发,比如添加原生插件、优化界面等。这些框架提供了一些API和工具来支持原生功能的开发。 6. 在开发环境中进行调试和测试,确保app的功能和性能符合预期。 7. 使用框架提供的工具将打包后的app进行编译和签名,生成最终的安装包文件。 8. 将生成的安装包文件上传到应用商店或者通过其他方式分发给用户。 需要注意的是,Vue项目打包app的过程中可能会遇到一些兼容性的问题,比如不同平台的适配、性能优化等。因此,在进行打包前需要充分了解目标平台的限制和要求,并进行相应的处理和调优。 ### 回答3: 将Vue项目打包成移动应用有多种方法,以下是其中一种常用的方式: 1. 首先,确保你已经安装了Node.js和npm。 2. 在Vue项目的根目录下,打开命令行工具,并执行以下命令安装Vue CLI:npm install -g @vue/cli 3. 创建一个新的Vue项目,并且选择移动应用的预设选项,如:vue create my-app 4. 进入到项目目录中:cd my-app 5. 修改项目的配置文件vue.config.js,添加以下配置: ```javascript module.exports = { publicPath: './', outputDir: 'dist', productionSourceMap: false, css: { extract: false }, configureWebpack: { output: { libraryExport: 'default' } }, chainWebpack: config => { config.module .rule('images') .use('url-loader') .tap(options => { options.fallback.options.name = '[name].[hash:8].[ext]' return options }) } } ``` 6. 执行以下命令安装Cordova:npm install -g cordova 7. 初始化Cordova项目:cordova create cordova-app com.example.appname AppName (将"com.example.appname"替换为你的应用标识符,"AppName"替换为你的应用名称) 8. 进入Cordova项目目录:cd cordova-app 9. 添加iOS平台支持:cordova platform add ios 添加Android平台支持:cordova platform add android 10. 将Vue项目打包:vue-cli-service build 11. 将打包生成的dist目录中的所有文件复制到Cordova项目的www目录下:cp -R ../my-app/dist/* www/ 12. 编译Cordova项目:cordova build ios 或 cordova build android (根据你要打包的平台选择对应的命令) 最终,你将得到一个可以在移动设备上运行的Vue应用程序。你可以在Cordova项目的platforms文件夹中找到相应的应用程序文件,用于上传到App Store或Google Play商店进行发布

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值