经过长时间不断对比flutter和uni-app优劣,也尝试安装环境学习flutter,不过最后选择了uni-app(优势:学习成本,后期维护,技术更新,社区支持,以及uniCloud)
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝)、快应用等多个平台。
创建项目
$ vue create -p dcloudio/uni-preset-vue appName $ cd appName/ $ unset Host $ npm run dev:h5
yarn 安装依赖
$ node -v $ yarn -v $ sudo cnpm install -g yarn $ sudo cnpm config set registry https://registry.nlark.com $ sudo yarn install $ yarn run dev:h5 $ unset HOST $ yarn run dev:h5
苹果打包
1.certificates 下载后,点击进入钥匙串,右键获取p12文件 ; 2.profiles 下载,获取描述文件 ; 注意:先把钥匙串里面的内容清空!
安卓打包
1、打开终端;
2、去到java安装的根目录,即输入; cd /Library/Java/JavaVirtualMachines/jdk-16.0.1.jdk/Contents/Home/bin
3、使用签名工具keytool开始生成证书; keytool -genkey -v -keystore android_appName.keystore -alias appName-android -keyalg RSA -validity 36500 -keystore /Users/XXX/Downloads/android_appName.keystore
在这里需要注意的是: 证书的别名,我这里是android_appName。(证书别名自定义) 证书的地址,我这里是放在下载目录的android_appName.keystore。(后缀名为.keystore,就是刚刚生成的证书文件) -genkey 生成文件 -alias 别名 -keyalg 加密算法 -validity 有效期/天 keystore 证书文件名(包名)
5、记住证书的密钥口令-查看证书信息-拷贝应用签名-去掉冒号填入微信andriosd配置里面 keytool -list -v -keystore android_appName.keystore
然后在生成的过程中需要记得证书的密钥口令,然后其他的就是输入个人信息即可。生成后去对应的位置可以找到证书文件:android_appName.keystore。 然后在HBuild里面选择发行 -> 原生app云打包,在出现的弹框中选择我们前面生成的证书。
|