个人案例
- 壹水水
喝天然好水,上“壹水水”微信小程序
壹水水扫码体验
- 开发者工具新建的项目就报错?
本人刚学习小程序,下载开发者工具,新建的项目都报错,没有进行编码 [图片]
02-28 - 如何注销不支持找回的小程序?
原始id :gh_ad81fc6f13aa [图片]
2023-04-21 - 如何解决预览或上传时编译爆内存问题?
[图片] 如果在上传或预览的时候,报错提示中有 ERR_WORKER_OUT_OF_MEMORY 字眼。说明本地编译进程在处理某些编译任务时,消耗过多内存,导致编译任务失败了。 这往往会和代码文件内容有关,因此我们可以先看看报错提示是哪个代码文件。 从报错信息的前面部分 [代码]Error: runTask COMPILE_JS, miniprogram_npm/psl/index.js catch error[代码]可以看出,是在编译 [代码]miniprogram_npm/psl/index.js[代码] 这个文件时出现的爆内存问题。 那具体如何解决呢? 我们可以把这个 js 文件加入到 babelSetting ignore 列表中,让工具忽略对这个 js 文件的编译处理,这样子也就不会导致爆内存的问题。 注意,加入 ignore 列表后,也意味着 js 文件没有经过 [代码]JS 编译为 ES5[代码] 的过程了,需要自行判断一下低端机器的兼容情况。 修改 js 文件的内容。具体是哪部分 js 内容导致的爆内容问题,可以通过二分法来排除。
2023-01-30 - 用uniapp开发打包多端应用完整指南
一、uni-app项目介绍用uni-app开发多端项目,一套代码可同时打包出各端小程序、h5和app,uni-app支持通过 HBuilderX可视化界面 和 vue-cli命令行 两种方式创建项目,下面示例项目采用 HBuilderX可视化界面 的方式创建,cli项目可参考uni文档,大部分流程都是通用的。 项目结构: ├── common api文件 ├── components 公用组件 ├── libs 公共方法 ├── pages 页面 ├── static 本地静态资源,注意:静态资源只能存放于此 ├── store 状态管理 ├── styles 公共样式 ├── config.js 配置文件 ├── manifest.json 配置应用名称、appid、logo、版本等打包信息,详见 ├── pages.json 配置页面路由、导航条、选项卡等页面类信息 └── unpackage ├── res 图标、启动页 ├── cert APP证书文件 └── dist 打包的文件 BashCopy 拿到源码先修改 config.js 里的 api 请求接口地址,改成你自己的请求域名,然后 manifest.json 里各平台的 appid 改成你自己小程序的 appid: [图片] 相关开发文档: vueuniappHBuilderXstylus[图片] 二、注册开发者账号和创建应用开始开发前需要先去uni的开发者后台注册一个账号,登录注册地址:https://dev.dcloud.net.cn/,然后在里面创建一个你自己的应用: [图片] 三、安装开发工具HBuilderXHBuilderX,简称HX,是轻如编辑器,强如IDE的合体版本,有点像vscode和小程序开发工具的结合体,顶部菜单栏有一个“运行”和“发行”的菜单,直接点击:运行 —— 运行到内置浏览器,可以直接像在浏览器里一样调试。 发布App时,需要使用HBuilderX,其他开发工具无法发布App,但可以发布H5、各种小程序。如需开发App,可以先在HBuilderX里运行起来,然后在其他编辑器里修改保存代码,代码修改后会自动同步到手机基座。HBuilderX下载地址:https://www.dcloud.io/hbuilderx.html。 四、新建和运行项目先安装一些常用的插件: 内置浏览器uni-app(Vue2)编译uni-app(Vue3)编译App真机运行App云打包scss/sass编译stylus编译[图片] 创建项目 创建新项目可以通过HBuilderX顶部菜单:文件 - 新建 - 项目,导入已有项目:文件 - 导入 - 从... 运行项目 运行项目通过HBuilderX顶部菜单:运行 - 运行到...,开发阶段可先选择:运行到内置浏览器,如果有报错缺少xx插件,直接根据提示去安装对应插件,再重新运行就可以了。 [图片] 五、小程序和H5打包各平台的配置可以直接在manifest.json里配置,或者在HBuilderX开发工具里选中manifest.json文件,右侧会出现图形化界面直接选择配置 [图片] 先运行起来,然后点击:发行 - 小程序/网站 - 设置小程序/网站名字/appid/域名,打包成功后可以在dist - build 文件夹下找到对应平台的打包文件(dist - dev 目录下对应的是各平台运行文件) [图片] 六、安卓应用打包1、点击:发行 - 原生App-云打包 2、按照unpackage/cert目录下的README.md说明填写: Android包名、证书别名、证书私钥密码、选择证书文件(直接点浏览按钮,选到 unpackage/cert 目录,Android开发证书生成参考文末的说明) 3、点击打包按钮 [图片] 七、IOS应用打包1、点击:发行 - 原生App-云打包 2、按照unpackage/cert目录下的 README.md 说明填写: Bundle ID(AppID)、证书私钥密码、证书profile文件和私钥证书(直接点浏览按钮,选到 unpackage/cert 目录) 3、点击打包按钮 [图片] 使用云打包点击了打包按钮后,需要等待一段时间,少则几分钟,多则大半天...最终打包成功后会在控制台打印出app安装文件的下载地址: [图片] Android:apk文件,直接点击“打开所在目录”,生成的apk文件在 unpackage/release/apk文件夹下 IOS: ipa文件,直接点击“下载地址”,远程下载到本地 打包证书相关资料: Android平台云端打包证书使用说明 Android平台云端打包 - DCloud公用证书(DCloud老版证书) Android平台签名证书(.keystore)生成指南 iOS证书(.p12)和描述文件(.mobileprovision)申请 八、发布上线1、小程序 直接用小程序开发者工具导入 dist - build 文件夹下对应的目录,如微信小程序:dist/build/mp-weixin 2、H5 和web网站一样,将最终打包出来的H5文件部署到线上:dist/build/h5 3、Android 最终生成的apk文件,可以直接用聊天工具发送到安卓手机上安装使用去注册各大安卓应用市场账号,上传到应用市场供用户下载也可以自己开发一个发布页,将安卓apk放到项目里,用户点击直接下载到手机里,如果设备是ios还可以直接判断让跳转到appstore下载地址4、IOS ① 正式版本 ios正式应用只能从app store里下载,需要先注册苹果开发者账号,填写各项应用资料,上传ipa文件审核通过后才能下载使用 [图片] ② 测试版本 ios-app测试时,将ipa文件上传到蒲公英上:https://www.pgyer.com/ 用有授权的苹果手机扫描二维码在Safari浏览器里打开即可直接下载安装,或者直接在safari浏览器中输入“下载地址” 附:windows下生成安卓开发证书Android平台打包发布apk应用,需要使用数字证书(.keystore文件)进行签名,用于表明开发者身份,Android证书的生成是自助和免费的,不需要审批或付费。 可以使用JRE环境中的keytool命令生成,以下是windows平台生成证书的方法: 1、安装JRE环境 可从Oracle官方下载jre安装包:https://www.oracle.com/technetwork/java/javase/downloads/index.html(记住安装的路径,后面生成证书的时候要用到) 2、打开命令行(cmd),可以先切换到要生成的目录下 我直接在D盘根目录下生成输入: d: BashCopy 3、将JRE安装路径添加到系统环境变量 我的JRE装在D盘下 "D:\Programs\jre\bin" set PATH=%PATH%;"D:\Programs\jre\bin" BashCopy 注意这里安装路径不要写错了,我这里刚开始路径里 Programs 就少了个s,后面就一直报错:keytool不是内部或外部命令,也不是可运行的程序 4、使用keytool -genkey命令生成证书 keytool -genkey -alias testalias -keyalg RSA -keysize 2048 -validity 36500 -keystore android.keystore BashCopy testalias:是证书别名,可修改为自己想设置的字符,建议使用英文字母和数字android.keystore:是证书文件名称,可修改为自己想设置的文件名称,也可以指定完整文件路径36500:是证书的有效期,表示100年有效期,单位天,建议时间设置长一点,避免证书过期[图片] 按提示输入信息后就会在D盘根目录下生成 android.keystore 文件,这个文件就可以用来直接打包安卓app了
2022-11-30 - 服务商入驻「服务平台」流程指引
整体流程,分两种情况: 企业有企业小程序:创建企业主页——创建成功——上架服务——完成企业没有企业小程序:创建企业小程序——创建企业主页——创建成功——上架服务——完成1.进入微信服务平台,点击右上角的“登录” 2.微信扫码登录 [图片] 3.若无企业主页,可以点击头像,然后点击切换账号,点击“创建新的企业主页” [图片] 4.若无可创建的企业主页,进入微信公众平台,“创建新的企业小程序”(企业小程序创建流程),创建成功后,再回到服务平台继续创建企业主页。若有可创建的企业主页,则继续第5步,创建新的企业主页;若已有企业主页,则继续 二、上架服务 [图片] 5.选择创建以某个公司为主体的小程序 6.每个主体只能创建一个企业主页。 [图片] 7:选择企业主页的类型 1.如果你是小程序模版开发服务商(第三方平台),可选择平台型服务商,需要有第三方平台App ID; 2.如果你是为其他企业进行小程序定制化开发的服务商(第三方平台),可选择定制化服务商,需要有第三方平台App ID;; 3.如果你是一个普通商户、政府组织或者媒体,做自己的小程序,可选择普通商户/政府组织/媒体。 [图片] 8:确认企业主页的主体 [图片] 9:编辑企业主页的资料 上传企业主页的logo、填写企业名称、介绍等;企业简称,如深圳市腾讯计算机系统有限公司,企业简称填:腾讯。如果没有简称,可直接填公司名称选择自己服务的行业或者所在行业:服务行业最多可选择4个;所在行业最多可选择1个;若选择了平台型服务商/定制化服务商,需要首先在在微信开放平台创建第三方平台(创建第三方平台的流程),获得第三方平台的 AppID,第三方平台的主体需与企业主页的主体一致。 [图片] 10.编辑完成后的示例如下 [图片] 11.右上角点击头像,进入企业主页,选择“开放服务”——“上架服务”; [图片] 12.以定制化开发为例,选择某个服务,点击“上架”; [图片] 13.完善服务信息,点击“提交”; 注意:是否发布这里,选择是,服务被上线后会被其他用户发现,选择否,服务不上线,只自己可见 [图片] 14.提交后,示例如下 [图片] 15.点击右侧“···”,可对服务进行上架、编辑、删除操作 [图片] 附:关于登录和切换企业主页 若创建企业主页后,企业主页的管理员/运营者可以企业的身份登录服务平台 微信扫码登录 [图片] 2.若有多个企业主页,可选择一个登录 [图片] 2.2切换为企业主页帐号 若创建企业主页后,先以个人的身份登录的,可以直接切换为企业的管理员/运营者的身份登录服务平台,代表企业在服务平台进行操作。 点击右上角的头像,选择切换帐号[图片] 2.若有多个企业主页,可以选择其中一个切换 [图片] 3.企业主页运营 创建成功后,你可以进行如下操作: 1. 编辑企业主页的资料,一个月可以有3次修改机会; 2. 可修改管理员; 3. 添加运营人员,最多可添加10个,运营人员可以企业身份登录企业主页,在服务平台进行操作; 4. 添加企业的小程序或者插件案例,小程序和插件案例可各添加3个; 5. 以企业主页在社区所有的回答、分享、评论与回复,将记录在该企业上。 [图片]
2020-11-19