HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

文章要怎么删除呀

群已经失效

群已经失效

Html5+的文档看起来太费劲了,每次都要来回跳半天!!!

HTML5

想用一下 文件下载和读取,看文档真是太费劲了!!!

这里分享一下 file.slice 的用法,社区好多提问也没人回答,今天正好用了!!!

plus.io.requestFileSystem( plus.io.PUBLIC_DOWNLOADS, function( fs ) {  
                fs.root.getFile('log.txt',{create:false}, function(entry) {   
                    entry.file( function(file){  
                        var str = file.slice(0,80)  
                        var fileReader = new plus.io.FileReader();  
                        fileReader.onloadend = function(evt) {  
                            console.log(evt.target.result);   
                        }  
                        fileReader.readAsText(str, 'utf-8'); // 注意这里 readAsTest(**分割后返回的变量**,编码)  
                    } );  
                })  
            });
继续阅读 »

想用一下 文件下载和读取,看文档真是太费劲了!!!

这里分享一下 file.slice 的用法,社区好多提问也没人回答,今天正好用了!!!

plus.io.requestFileSystem( plus.io.PUBLIC_DOWNLOADS, function( fs ) {  
                fs.root.getFile('log.txt',{create:false}, function(entry) {   
                    entry.file( function(file){  
                        var str = file.slice(0,80)  
                        var fileReader = new plus.io.FileReader();  
                        fileReader.onloadend = function(evt) {  
                            console.log(evt.target.result);   
                        }  
                        fileReader.readAsText(str, 'utf-8'); // 注意这里 readAsTest(**分割后返回的变量**,编码)  
                    } );  
                })  
            });
收起阅读 »

寻求广州地区的uni-app开发者参与团队产品方案的开发工作,付费~

uniapp 微信小程序

现在在做一款功能相对比较齐全,后期可快速满足新零售业务的产品。
完成度70%左右,由于人员因素,进展没达到预期。
需求寻求广州地区的uni-app开发者参与团队产品方案的开发工作,可付费~
具体可私信。
vx:abckongzhizhen

现在在做一款功能相对比较齐全,后期可快速满足新零售业务的产品。
完成度70%左右,由于人员因素,进展没达到预期。
需求寻求广州地区的uni-app开发者参与团队产品方案的开发工作,可付费~
具体可私信。
vx:abckongzhizhen

uni-app H5 平台在 PC 端实现适配

兼容性 uniapp

使用uni-app开发的H5页面,为了根据屏幕宽度自适应,我们一般都采用官方推荐的动态单位rpx,但是在PC端展现的时候可能出现文字等相关元素太大,导致页面错乱或不美观。

解决方案很简单,在自定义的h5 template文件head中,修改<script></script>中的代码:

<script>  
    document.addEventListener('DOMContentLoaded', function() {  
        window.innerWidth = Math.min(window.innerWidth, 750)  
        document.documentElement.style.fontSize = window.innerWidth / 20 + 'px'  
    })  
</script>

具体也可以查看这篇文章:uni-app H5 平台在 PC 端实现适配

继续阅读 »

使用uni-app开发的H5页面,为了根据屏幕宽度自适应,我们一般都采用官方推荐的动态单位rpx,但是在PC端展现的时候可能出现文字等相关元素太大,导致页面错乱或不美观。

解决方案很简单,在自定义的h5 template文件head中,修改<script></script>中的代码:

<script>  
    document.addEventListener('DOMContentLoaded', function() {  
        window.innerWidth = Math.min(window.innerWidth, 750)  
        document.documentElement.style.fontSize = window.innerWidth / 20 + 'px'  
    })  
</script>

具体也可以查看这篇文章:uni-app H5 平台在 PC 端实现适配

收起阅读 »

建议改进插件导入规范

uniapp

目前的插件市场生态良好,也诞生了不少优秀插件。不过目前导入插件还是采用直接把文件下载到项目目录,而不是采用导入npm包的模式。

对于项目模板,直接下载是比较合适的。但对于插件,如果直接下载会导致后续的升级出问题。即便是插件本身有问题也应该是fork一份修改完后再导入。

插件的更新如果比较频繁就会导致要反复导入,管理起来较为不便,因此建议插件的规范向npm靠拢。

建议官方推出新的插件规范,鼓励开发者使用npm包的模式来发布插件

继续阅读 »

目前的插件市场生态良好,也诞生了不少优秀插件。不过目前导入插件还是采用直接把文件下载到项目目录,而不是采用导入npm包的模式。

对于项目模板,直接下载是比较合适的。但对于插件,如果直接下载会导致后续的升级出问题。即便是插件本身有问题也应该是fork一份修改完后再导入。

插件的更新如果比较频繁就会导致要反复导入,管理起来较为不便,因此建议插件的规范向npm靠拢。

建议官方推出新的插件规范,鼓励开发者使用npm包的模式来发布插件

收起阅读 »

HBuilderX安卓离线打包方式全一览

经验分享 uni_app 安卓 App离线打包

有感于不少网友对AndroidStudio不熟悉,所以在简书投了两篇文章,分别是5+app和uni-app的打包方式,网址如下:

https://www.jianshu.com/u/1a19b212883d

希望DCloud越来越好~

有感于不少网友对AndroidStudio不熟悉,所以在简书投了两篇文章,分别是5+app和uni-app的打包方式,网址如下:

https://www.jianshu.com/u/1a19b212883d

希望DCloud越来越好~

iOS开发证书申请教程(udid真机安装测试)

iOS证书 iOS打包

先介绍下iOS证书的类型和作用

1、iOS开发证书

iOS开发证书是用于测试APP,在开发过程中安装到苹果手机真机测试APP的运行情况。

2、iOS发布证书

当APP开发测试好后上线就需要用到iOS发布证书,用iOS发布证书打包的ipa才能上传到App Store审核。

3、iOS推送证书

iOS推送证书是用于推送通知的,平时我们在手机的系统栏下拉看到的那些消息就是推送通知,如果要做这个功能就需要配置推送证书。

4、iOS企业证书

iOS企业证书需要企业开发者账号才能申请,用于无法上架App Store的苹果APP打包签名使用。

常用的就是以上这4种iOS证书,当你需要什么功能的时候就知道用哪个类型的iOS证书。

iOS证书的构成和有效性

iOS证书由两个文件构成。p12文件和.mobileprovision文件

p12文件相当于公钥,.mobileprovision文件相当于私钥。

开发证书p12文件苹果规定只能申请2个,发布证书p12文件只能申请3个!iOS证书配置.mobileprovision文件是没有任何数量限制的!

p12可以共用,一个p12可以对应无数个.mobileprovision文件!所以就算p12申请一个也够用了,可以对应创建无数套iOS证书!

所以对于证书数量的担忧是没有意义的!不会限制你上架多少个APP!

ios证书的有效期是一年,在我们软件的和开发者后台都能看到到期时间。

iOS证书可以删除吗,到期怎么更新

iOS证书是可以随意删除的(不管有没有到期),不会影响已经上架的APP。

如果你还在测试APP。删除了测试用的开发证书,APP将打不开,当然这个也没什么关系,测试APP是要不停打包的,重新申请证书打包重新安装就可以了。

iOS证书到期了需不需要重新申请呢,具体看需要,如果你要更新已经上架的APP,更新版本,删除到期的证书重新申请打包上传更新。

如果不更新APP,到期了不管他也没什么关系,不会影响上架了的APP。

下面是申请一套iOS开发证书的详细流程

一、下载安装iOS上架辅助软件Appuploader

Appuploader可以辅助在Windows电脑直接申请iOS证书

Appuploader下载链接

下载软件包后解压直接使用,无需安装。

二、登录Appuploader申请iOS证书文件p12

2.1打开Appuploader,用苹果开发者账号登录进去。

2.2、选择证书项目进入

2.3、点击右下角+ADD选择

类型:选择开发证书(开发证书打包的才能安装到手机)

输入证书名称:不要中文、随意设置

邮箱:(随意)

密码:证书的密码,不是开发者账号密码,如123这样不用很复杂,记好、打包时要用、很重要。

应用id:这里不用选!

点击ok创建。

2.4、创建成功后,找到刚创建的iOS开发证书(iOS Development这个类型的就是开发证书,如果之前创建过看过期时间就知道哪个是新创建的了),点击p12 文件,下载保存.p12证书文件到电脑。

三、登录Appuploader申请iOS开发证书描述文件mobileprovision

iOS证书文件有两个,刚申请了p12文件,接下来申请mobileprovision描述文件

3.1、点击右下角BACK、返回Appuploader首页,选择描述文件进去。

3.2、配置相关信息

Type:下拉框选择开发版profile

应用id:下拉框选择添加的对应的应用id(又称套装id,appid,BundleID,包名)

如果已经加过了应用id直接选择,添加新应用id请看下面教程!

点击查看应用id添加教程(添加后返回本教程,继续申请流程)

Devices(测试设备):勾选需要测试苹果手机,如果要加新设备,先添加再勾选

测试设备udid添加教程(添加后返回本教程,继续申请流程)

名称:数字或者字母,随意输入,注意不要重复。

点击ok创建

3.6、选择刚创建的iOS开发版描述文件(iOS Developer这个类型的就是开发描述文件,找到刚创建的输入的名字),点击Download下载,保存到电脑

申请得到了两个iOS证书文件p12和.mobileprovision就可以去打包ipa了。

继续阅读 »

先介绍下iOS证书的类型和作用

1、iOS开发证书

iOS开发证书是用于测试APP,在开发过程中安装到苹果手机真机测试APP的运行情况。

2、iOS发布证书

当APP开发测试好后上线就需要用到iOS发布证书,用iOS发布证书打包的ipa才能上传到App Store审核。

3、iOS推送证书

iOS推送证书是用于推送通知的,平时我们在手机的系统栏下拉看到的那些消息就是推送通知,如果要做这个功能就需要配置推送证书。

4、iOS企业证书

iOS企业证书需要企业开发者账号才能申请,用于无法上架App Store的苹果APP打包签名使用。

常用的就是以上这4种iOS证书,当你需要什么功能的时候就知道用哪个类型的iOS证书。

iOS证书的构成和有效性

iOS证书由两个文件构成。p12文件和.mobileprovision文件

p12文件相当于公钥,.mobileprovision文件相当于私钥。

开发证书p12文件苹果规定只能申请2个,发布证书p12文件只能申请3个!iOS证书配置.mobileprovision文件是没有任何数量限制的!

p12可以共用,一个p12可以对应无数个.mobileprovision文件!所以就算p12申请一个也够用了,可以对应创建无数套iOS证书!

所以对于证书数量的担忧是没有意义的!不会限制你上架多少个APP!

ios证书的有效期是一年,在我们软件的和开发者后台都能看到到期时间。

iOS证书可以删除吗,到期怎么更新

iOS证书是可以随意删除的(不管有没有到期),不会影响已经上架的APP。

如果你还在测试APP。删除了测试用的开发证书,APP将打不开,当然这个也没什么关系,测试APP是要不停打包的,重新申请证书打包重新安装就可以了。

iOS证书到期了需不需要重新申请呢,具体看需要,如果你要更新已经上架的APP,更新版本,删除到期的证书重新申请打包上传更新。

如果不更新APP,到期了不管他也没什么关系,不会影响上架了的APP。

下面是申请一套iOS开发证书的详细流程

一、下载安装iOS上架辅助软件Appuploader

Appuploader可以辅助在Windows电脑直接申请iOS证书

Appuploader下载链接

下载软件包后解压直接使用,无需安装。

二、登录Appuploader申请iOS证书文件p12

2.1打开Appuploader,用苹果开发者账号登录进去。

2.2、选择证书项目进入

2.3、点击右下角+ADD选择

类型:选择开发证书(开发证书打包的才能安装到手机)

输入证书名称:不要中文、随意设置

邮箱:(随意)

密码:证书的密码,不是开发者账号密码,如123这样不用很复杂,记好、打包时要用、很重要。

应用id:这里不用选!

点击ok创建。

2.4、创建成功后,找到刚创建的iOS开发证书(iOS Development这个类型的就是开发证书,如果之前创建过看过期时间就知道哪个是新创建的了),点击p12 文件,下载保存.p12证书文件到电脑。

三、登录Appuploader申请iOS开发证书描述文件mobileprovision

iOS证书文件有两个,刚申请了p12文件,接下来申请mobileprovision描述文件

3.1、点击右下角BACK、返回Appuploader首页,选择描述文件进去。

3.2、配置相关信息

Type:下拉框选择开发版profile

应用id:下拉框选择添加的对应的应用id(又称套装id,appid,BundleID,包名)

如果已经加过了应用id直接选择,添加新应用id请看下面教程!

点击查看应用id添加教程(添加后返回本教程,继续申请流程)

Devices(测试设备):勾选需要测试苹果手机,如果要加新设备,先添加再勾选

测试设备udid添加教程(添加后返回本教程,继续申请流程)

名称:数字或者字母,随意输入,注意不要重复。

点击ok创建

3.6、选择刚创建的iOS开发版描述文件(iOS Developer这个类型的就是开发描述文件,找到刚创建的输入的名字),点击Download下载,保存到电脑

申请得到了两个iOS证书文件p12和.mobileprovision就可以去打包ipa了。

收起阅读 »

填坑:uni.login非异步而uni.request是异步,使用async 、await注意

uni.login使用 await,需用用Promise包装:

            const js_code = await new Promise((resolve, reject) => {  
                // uni.login非异步,所以用Promise包装  
                uni.login({  
                    provider: 'weixin',  
                    success: res => {  
                        resolve(res.code);  
                    },  
                    fail: err => {  
                        reject(err);  
                    }  
                });

uni.request是异步,已被uniapp包装为Promise,可以直接使用await:

const [error, res] = await uni.request({  
                // uni.request异步方法  
                url: url,  
                method: 'GET'  
            });
继续阅读 »

uni.login使用 await,需用用Promise包装:

            const js_code = await new Promise((resolve, reject) => {  
                // uni.login非异步,所以用Promise包装  
                uni.login({  
                    provider: 'weixin',  
                    success: res => {  
                        resolve(res.code);  
                    },  
                    fail: err => {  
                        reject(err);  
                    }  
                });

uni.request是异步,已被uniapp包装为Promise,可以直接使用await:

const [error, res] = await uni.request({  
                // uni.request异步方法  
                url: url,  
                method: 'GET'  
            });
收起阅读 »

招聘兼职APP维护,前段uniapp 后端JAVA 修复几个BUG,稳定项目(已经找到了)

招聘

APP已经在运营,原合作的开发者因其他业务,现在不维护了,想找一个懂JAVA和uniapp前段的技术,帮忙维护修复BUG和维护,后期需要增加功能,所以希望能够稳定长期合作。按次收费。微信 17665320031 最好是在深圳的开发者。个人团队都行,希望是能长期合作的,不然折腾来折腾去也麻烦

继续阅读 »

APP已经在运营,原合作的开发者因其他业务,现在不维护了,想找一个懂JAVA和uniapp前段的技术,帮忙维护修复BUG和维护,后期需要增加功能,所以希望能够稳定长期合作。按次收费。微信 17665320031 最好是在深圳的开发者。个人团队都行,希望是能长期合作的,不然折腾来折腾去也麻烦

收起阅读 »

【解决】plus.push.getClientInfo()获取不了clientid和设备token,这个鸡毛问题折腾好半天

百度相关文档,仔细按操作把开发证书、发布证书、开发推送证书、发布推送证书全都搞好了,最后卡在profile文件这里,翻遍了dcloud,发现https://ask.dcloud.net.cn/question/2571这篇帖子里说“打包profile文件未启用apns功能”,被这句话差点搞死,在apple开发者官方网站关于profile的配置中,硬是找不到哪里可以启用apns,简直是扯蛋!删掉了profile文件,重新创建也无卵用。然后又想到是xcode配置问题,描述文件删除导入折腾好几遍也没毛用,然后想是不是有开启推送功能机关,百度“xcode 推送”找到一堆基本也没卵用的信息,后面找到一些说是开启push notification,问题是哪里开启?发现这些文章提到的xcode都是8.0的,文章真TMD旧,后面终于找到这篇https://www.jianshu.com/p/9411b161be6e,草,才知道在一个不易察觉的地方,Signing & Capabilities中有个"+Capability",这TMD太不显眼了,点击了General、Signing & Capabilities、Resource Tags...这些选项卡很多次居然忽视它的存在(xcode真是难用!),按这文章里说的,点击进去后双击Push Notifications后,重新运行xcode项目后,解决了,特此记录,希望对开发兄弟们有用。

补充:
新情况,貌似只能第一次运行时能获取plus.push.getClientInfo().token,解决办法是点击xcode上方菜单Product->Clean Build Folder(或按Command + Shift + K),然后重新运行。

【注】以上是离线本地调试。

继续阅读 »

百度相关文档,仔细按操作把开发证书、发布证书、开发推送证书、发布推送证书全都搞好了,最后卡在profile文件这里,翻遍了dcloud,发现https://ask.dcloud.net.cn/question/2571这篇帖子里说“打包profile文件未启用apns功能”,被这句话差点搞死,在apple开发者官方网站关于profile的配置中,硬是找不到哪里可以启用apns,简直是扯蛋!删掉了profile文件,重新创建也无卵用。然后又想到是xcode配置问题,描述文件删除导入折腾好几遍也没毛用,然后想是不是有开启推送功能机关,百度“xcode 推送”找到一堆基本也没卵用的信息,后面找到一些说是开启push notification,问题是哪里开启?发现这些文章提到的xcode都是8.0的,文章真TMD旧,后面终于找到这篇https://www.jianshu.com/p/9411b161be6e,草,才知道在一个不易察觉的地方,Signing & Capabilities中有个"+Capability",这TMD太不显眼了,点击了General、Signing & Capabilities、Resource Tags...这些选项卡很多次居然忽视它的存在(xcode真是难用!),按这文章里说的,点击进去后双击Push Notifications后,重新运行xcode项目后,解决了,特此记录,希望对开发兄弟们有用。

补充:
新情况,貌似只能第一次运行时能获取plus.push.getClientInfo().token,解决办法是点击xcode上方菜单Product->Clean Build Folder(或按Command + Shift + K),然后重新运行。

【注】以上是离线本地调试。

收起阅读 »

uni-app 支持发布到360小程序

360小程序

HBuilderX 2.7.6+ alpha 版支持发布到360小程序

  • 默认为H5平台组件,如果需要360平台组件请使用 <se-...></se-...>,例如 <se-video></se-video>
  • <se-...></se-...> 为360平台专有组件,不能跨平台,需要条件编译 mp-360

pages 配置

"globalStyle": {  
    "mp-360": {  
      "navigationStyle": "custom" // 去掉uni-app header,使用360小程序header  
    }  
},
继续阅读 »

HBuilderX 2.7.6+ alpha 版支持发布到360小程序

  • 默认为H5平台组件,如果需要360平台组件请使用 <se-...></se-...>,例如 <se-video></se-video>
  • <se-...></se-...> 为360平台专有组件,不能跨平台,需要条件编译 mp-360

pages 配置

"globalStyle": {  
    "mp-360": {  
      "navigationStyle": "custom" // 去掉uni-app header,使用360小程序header  
    }  
},
收起阅读 »