HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

域名备案一些经验分享

在中华人民共和国境内提供互联网信息服务,应当依法履行ICP备案手续,而相应的备案服务商是非常多的,今天就说下备案的一些相关经验,希望能为大家节约宝贵时间,更多的精力去写bug!
A:有云服务器,且云服务符合备案标准,剩余时间大于3个月以上
这种情况下直接去阿里云或者腾讯云,申请备案,按照APP提示操作即可,过程非常简单,填完信息以后,等待服务商的工作人员来和你电话联系,按照工作人员说的问题修改所填写信息,成功后会上报当局备案信息,你在app或者小程序端都可以查看到当前备案进度。
当局会下发一段短信验证码至联系人手机号,拿到验证码后,去国家网站验证即可,短信上附有网站地址,填写验证码后,所有流程就算完成了,一般7-15个工作日内,当局会下发你的备案主体信息。
B:网页托管,没有自购云服务器,使用第三方备案号进行备案
1,阿里云和腾讯云都提供备案授权码(阿里叫服务号),这里以腾讯云为例,说明下如何生成备案授权码这个东西。

a.登录腾讯云以后,点击账户信息

b.复制下这个账号ID,后面需要用的

这里是要谁授权给谁用就写谁的账号ID,账号ID的获取方式就是第一步里面的。腾讯云,阿里云或者其他第三方服务商的授权码,生成过程也大致如下。
有了备案号之后,就可以去相关服务上提交资料申报当局了,这里就不赘述了。
由于各个服务商的备案授权码不是一致的,如果你使用购买来的备案授权码,请一定问清楚,到底是去哪个服务商申报备案。对于朋友有云服务器在服务商的情况下,大家可以让朋友帮你生成备案授权码让你自行使用,也可以节约100块左右的支出。
由于服务商众多,这里只写了以腾讯云为服务商的分享,阿里云的经验分享,大家可以查看到文档,希望能帮到各位朋友

继续阅读 »

在中华人民共和国境内提供互联网信息服务,应当依法履行ICP备案手续,而相应的备案服务商是非常多的,今天就说下备案的一些相关经验,希望能为大家节约宝贵时间,更多的精力去写bug!
A:有云服务器,且云服务符合备案标准,剩余时间大于3个月以上
这种情况下直接去阿里云或者腾讯云,申请备案,按照APP提示操作即可,过程非常简单,填完信息以后,等待服务商的工作人员来和你电话联系,按照工作人员说的问题修改所填写信息,成功后会上报当局备案信息,你在app或者小程序端都可以查看到当前备案进度。
当局会下发一段短信验证码至联系人手机号,拿到验证码后,去国家网站验证即可,短信上附有网站地址,填写验证码后,所有流程就算完成了,一般7-15个工作日内,当局会下发你的备案主体信息。
B:网页托管,没有自购云服务器,使用第三方备案号进行备案
1,阿里云和腾讯云都提供备案授权码(阿里叫服务号),这里以腾讯云为例,说明下如何生成备案授权码这个东西。

a.登录腾讯云以后,点击账户信息

b.复制下这个账号ID,后面需要用的

这里是要谁授权给谁用就写谁的账号ID,账号ID的获取方式就是第一步里面的。腾讯云,阿里云或者其他第三方服务商的授权码,生成过程也大致如下。
有了备案号之后,就可以去相关服务上提交资料申报当局了,这里就不赘述了。
由于各个服务商的备案授权码不是一致的,如果你使用购买来的备案授权码,请一定问清楚,到底是去哪个服务商申报备案。对于朋友有云服务器在服务商的情况下,大家可以让朋友帮你生成备案授权码让你自行使用,也可以节约100块左右的支出。
由于服务商众多,这里只写了以腾讯云为服务商的分享,阿里云的经验分享,大家可以查看到文档,希望能帮到各位朋友

收起阅读 »

window uni-app 自助打包流程,5分钟搞定

【abd命令大全-测试连接手机】
https://blog.csdn.net/qq_39969226/article/details/87897863

【Android平台签名自助生成】
https://ask.dcloud.net.cn/article/35777

【Java SE 15 - Downloads】
https://www.oracle.com/java/technologies/javase-jdk15-downloads.html

【安装JAVA SE之后,生成签名】
keytool -genkey -alias xxxx -keyalg RSA -keysize 2048 -validity 36500 -keystore xxxxxx2

Enter keystore password: //输入证书文件密码,输入完成回车
Re-enter new password: //再次输入证书文件密码,输入完成回车
//输入名字和姓氏,输入完成回车
What is your first and last name?

What is the name of your organizational unit?

What is the name of your organization?

What is the name of your City or Locality?

What is the name of your State or Province?

What is the two-letter country code for this unit?

Is CN=XX, OU=XX, O=XX, L=XX, ST=XX, C=XX correct?

【把签名填入HBuilder 打包】
https://service.dcloud.net.cn/build/download/1928b700-2ed1-11eb-9862-9398f34f1344

备注:abd 和 keytool 都要加环境变量

继续阅读 »

【abd命令大全-测试连接手机】
https://blog.csdn.net/qq_39969226/article/details/87897863

【Android平台签名自助生成】
https://ask.dcloud.net.cn/article/35777

【Java SE 15 - Downloads】
https://www.oracle.com/java/technologies/javase-jdk15-downloads.html

【安装JAVA SE之后,生成签名】
keytool -genkey -alias xxxx -keyalg RSA -keysize 2048 -validity 36500 -keystore xxxxxx2

Enter keystore password: //输入证书文件密码,输入完成回车
Re-enter new password: //再次输入证书文件密码,输入完成回车
//输入名字和姓氏,输入完成回车
What is your first and last name?

What is the name of your organizational unit?

What is the name of your organization?

What is the name of your City or Locality?

What is the name of your State or Province?

What is the two-letter country code for this unit?

Is CN=XX, OU=XX, O=XX, L=XX, ST=XX, C=XX correct?

【把签名填入HBuilder 打包】
https://service.dcloud.net.cn/build/download/1928b700-2ed1-11eb-9862-9398f34f1344

备注:abd 和 keytool 都要加环境变量

收起阅读 »

uniapp解决微信H5自定义分享在Android和IOS下失效的问题

微信分享

网上说的很模糊,有用的就这两条:

  • IOS:每次切换路由,SPA的url是不会变的,发起签名请求的url参数必须是当前页面的url(就是最初进入页面时的url)

  • Android:每次切换路由,SPA的url是会变的,发起签名请求的url参数必须是当前页面的url(不是最初进入页面时的)

uniapp开发的H5,如果你配置了微信分享,但没有给值。Android:会取默认值有时会有图标。IOS:肯定没有图标

如果想实现自定义:

  1. ios要在App.vue中获取并缓存该url,android这不需要。你需要动态判断设备系统类型
    uni.setStorageSync('url',window.location.href) //在App.vue中获取并缓存
    let url = uni.getSystemInfoSync().platform === 'ios' ? uni.getStorageSync('url') : window.location.href //在你传给后端url获取返回参数配置wx.config前,加动态判断
  2. 按照微信的开发文档先把各项值要都配置正确。
  3. 打开debug:true调试模式,手机运行查看alert,观察是否有报错。
  4. 解决报错问题。

如此,问题就解决了

继续阅读 »

网上说的很模糊,有用的就这两条:

  • IOS:每次切换路由,SPA的url是不会变的,发起签名请求的url参数必须是当前页面的url(就是最初进入页面时的url)

  • Android:每次切换路由,SPA的url是会变的,发起签名请求的url参数必须是当前页面的url(不是最初进入页面时的)

uniapp开发的H5,如果你配置了微信分享,但没有给值。Android:会取默认值有时会有图标。IOS:肯定没有图标

如果想实现自定义:

  1. ios要在App.vue中获取并缓存该url,android这不需要。你需要动态判断设备系统类型
    uni.setStorageSync('url',window.location.href) //在App.vue中获取并缓存
    let url = uni.getSystemInfoSync().platform === 'ios' ? uni.getStorageSync('url') : window.location.href //在你传给后端url获取返回参数配置wx.config前,加动态判断
  2. 按照微信的开发文档先把各项值要都配置正确。
  3. 打开debug:true调试模式,手机运行查看alert,观察是否有报错。
  4. 解决报错问题。

如此,问题就解决了

收起阅读 »

个梵蒂冈的十分色图软件公司的发生的地方

uni_app

fgdtgretrtr反攻倒算的复核人股份的公司的范德萨规定符合人体特色让二十公分的规划是非得失

fgdtgretrtr反攻倒算的复核人股份的公司的范德萨规定符合人体特色让二十公分的规划是非得失

乱花渐欲迷人眼,浅草才能没马蹄

HBuilder

四十年来家国,三千里地山河
三岁为妇,靡室劳矣夙兴夜寐,靡有朝矣
淇则有岸,隰则有泮
女也不爽,士贰其行士也罔极,二三其德
空床卧听南窗雨,谁复挑灯夜补衣
兰有秀兮菊有芳,怀佳人兮不能忘
秋风起兮白云飞,草木黄落兮雁南归
锦江春色来天地,玉垒浮云变古今
北极朝廷终不改,西山寇盗莫相侵
怡然敬父执,问我来何方问答乃未已,驱儿罗酒浆
昔别君未婚,儿女忽成行
夜雨剪春韭,新炊间黄粱
他年我若为青帝,报与桃花一处开
飒飒西风满院栽,蕊寒香冷蝶难来
明日隔山岳,世事两茫茫

继续阅读 »

四十年来家国,三千里地山河
三岁为妇,靡室劳矣夙兴夜寐,靡有朝矣
淇则有岸,隰则有泮
女也不爽,士贰其行士也罔极,二三其德
空床卧听南窗雨,谁复挑灯夜补衣
兰有秀兮菊有芳,怀佳人兮不能忘
秋风起兮白云飞,草木黄落兮雁南归
锦江春色来天地,玉垒浮云变古今
北极朝廷终不改,西山寇盗莫相侵
怡然敬父执,问我来何方问答乃未已,驱儿罗酒浆
昔别君未婚,儿女忽成行
夜雨剪春韭,新炊间黄粱
他年我若为青帝,报与桃花一处开
飒飒西风满院栽,蕊寒香冷蝶难来
明日隔山岳,世事两茫茫

收起阅读 »

求购 TV Demo

要求:

  1. 用 HBuilderX
  2. 用 Vue
  3. 可以监听 上下左右 确认 取消 返回 菜单按键
    可以加我微信具体沟通 bestsnow1206

要求:

  1. 用 HBuilderX
  2. 用 Vue
  3. 可以监听 上下左右 确认 取消 返回 菜单按键
    可以加我微信具体沟通 bestsnow1206

unipush无法推送Google FCM离线消息边秋一雁声uni统计

uni统计 uni_app

戍鼓断人行,边秋一雁声
红酥手,黄縢酒,满城春色宫墙柳
枝上柳绵吹又少天涯何处无芳草
花开不并百花丛,独立疏篱趣未穷
千磨万击还坚劲,任尔东西南北风
花褪残红青杏小燕子飞时,绿水人家绕
露从今夜白,月是故乡明
宁可枝头抱香死,何曾吹落北风中
醉翁之意不在酒,在乎山水之间也
咬定青山不放松,立根原在破岩中
74651314
https://bbs.co188.com/thread-10130294-1-1.html

继续阅读 »

戍鼓断人行,边秋一雁声
红酥手,黄縢酒,满城春色宫墙柳
枝上柳绵吹又少天涯何处无芳草
花开不并百花丛,独立疏篱趣未穷
千磨万击还坚劲,任尔东西南北风
花褪残红青杏小燕子飞时,绿水人家绕
露从今夜白,月是故乡明
宁可枝头抱香死,何曾吹落北风中
醉翁之意不在酒,在乎山水之间也
咬定青山不放松,立根原在破岩中
74651314
https://bbs.co188.com/thread-10130294-1-1.html

收起阅读 »

dfher,ff发的是个狠都人规范发,checkbox/checkbox-group的时候,复选框无法选中

uniapp

懂法守定时fdrwhddfher,ffuni-app,近期,在使用uniapp做项目,发现在使用checkbox/checkbox-group的时候,复选框无法选中,并且无法多选

懂法守定时fdrwhddfher,ffuni-app,近期,在使用uniapp做项目,发现在使用checkbox/checkbox-group的时候,复选框无法选中,并且无法多选

titleNview里的fontSrc路径的使用

titleNView

"style": {
"app-plus" : {
"scrollIndicator" : "none",
"titleNView" : {
"buttons" :[
{
"float":"left",
"color":"#ff9619",
"fontSize":"20px",
"fontSrc":"./static/font/iconfont.ttf", //必须放在static目录下
"text" : "\ue606"
},{
"float":"right",
"color":"#000",
""
}
],
"searchInput" : {
"backgroundColor" : "#f7f7f7",
"align":"center",
"borderRadius": "10px",
"placeholderColor":"#ccc",
"placeholder" : "搜索臭事"
}
}
}
}

继续阅读 »

"style": {
"app-plus" : {
"scrollIndicator" : "none",
"titleNView" : {
"buttons" :[
{
"float":"left",
"color":"#ff9619",
"fontSize":"20px",
"fontSrc":"./static/font/iconfont.ttf", //必须放在static目录下
"text" : "\ue606"
},{
"float":"right",
"color":"#000",
""
}
],
"searchInput" : {
"backgroundColor" : "#f7f7f7",
"align":"center",
"borderRadius": "10px",
"placeholderColor":"#ccc",
"placeholder" : "搜索臭事"
}
}
}
}

收起阅读 »

【捷映视频制作】经过两个月的日夜开发,终于上线,欢迎提交BUG。

uniapp

【捷映】是一款专业的短视频制作工具,提供海量的创意模板,丰富的音乐资源、酷炫的特效,以及简单易操作的特性,让每一位用户在手机上就能轻松制作出喜欢的短视频。


这是捷映APP首页。

应用前端采用uniapp开发,后端采用PHP开发,使用8核16G服务器渲染视频,速度飞快。
欢迎各位程序猿扫码体验,如能报告BUG联系客服有奖励哦。

继续阅读 »

【捷映】是一款专业的短视频制作工具,提供海量的创意模板,丰富的音乐资源、酷炫的特效,以及简单易操作的特性,让每一位用户在手机上就能轻松制作出喜欢的短视频。


这是捷映APP首页。

应用前端采用uniapp开发,后端采用PHP开发,使用8核16G服务器渲染视频,速度飞快。
欢迎各位程序猿扫码体验,如能报告BUG联系客服有奖励哦。

收起阅读 »

uni-app 如何判断/获取 左滑右滑上滑下滑 等手势事件。

uniapp

官方我没有看到监听的方法,大家可以参考下面的方法,可以自己修改50的大小。

<template>  
    <view @touchstart="touchStart" @touchend="touchEnd" style="height:2000px;">  
        测试  
    </view>  
</template>  
<script>  
    export default {  
        data() {  
            return {  
                touchStartX: 0,  // 触屏起始点x  
                touchStartY: 0,  // 触屏起始点y  
            };  
        },  
        methods: {  
            /**  
            * 触摸开始  
            **/  
            touchStart(e) {  
                console.log("触摸开始")  
                this.touchStartX = e.touches[0].clientX;  
                this.touchStartY = e.touches[0].clientY;  
            },  

            /**  
            * 触摸结束  
            **/  
            touchEnd(e) {  
                console.log("触摸结束")  
                let deltaX = e.changedTouches[0].clientX - this.touchStartX;  
                let deltaY = e.changedTouches[0].clientY - this.touchStartY;  
                if (Math.abs(deltaX) > 50 && Math.abs(deltaX) > Math.abs(deltaY)) {  
                    if (deltaX >= 0) {  
                        console.log("左滑")  
                    } else {  
                        console.log("右滑")  
                    }  
                } else if(Math.abs(deltaY) > 50&& Math.abs(deltaX) < Math.abs(deltaY)) {  
                    if (deltaY < 0) {  
                        console.log("上滑")  
                    } else {  
                        console.log("下滑")  
                    }  
                } else {  
                    console.log("可能是误触!")  
                }  
            },            
        }  
    };  
</script>
继续阅读 »

官方我没有看到监听的方法,大家可以参考下面的方法,可以自己修改50的大小。

<template>  
    <view @touchstart="touchStart" @touchend="touchEnd" style="height:2000px;">  
        测试  
    </view>  
</template>  
<script>  
    export default {  
        data() {  
            return {  
                touchStartX: 0,  // 触屏起始点x  
                touchStartY: 0,  // 触屏起始点y  
            };  
        },  
        methods: {  
            /**  
            * 触摸开始  
            **/  
            touchStart(e) {  
                console.log("触摸开始")  
                this.touchStartX = e.touches[0].clientX;  
                this.touchStartY = e.touches[0].clientY;  
            },  

            /**  
            * 触摸结束  
            **/  
            touchEnd(e) {  
                console.log("触摸结束")  
                let deltaX = e.changedTouches[0].clientX - this.touchStartX;  
                let deltaY = e.changedTouches[0].clientY - this.touchStartY;  
                if (Math.abs(deltaX) > 50 && Math.abs(deltaX) > Math.abs(deltaY)) {  
                    if (deltaX >= 0) {  
                        console.log("左滑")  
                    } else {  
                        console.log("右滑")  
                    }  
                } else if(Math.abs(deltaY) > 50&& Math.abs(deltaX) < Math.abs(deltaY)) {  
                    if (deltaY < 0) {  
                        console.log("上滑")  
                    } else {  
                        console.log("下滑")  
                    }  
                } else {  
                    console.log("可能是误触!")  
                }  
            },            
        }  
    };  
</script>
收起阅读 »

人人商城打包APP

App打包

使用hbuilder打包人人app商城

APP制作介绍

人人商城是很好的一个商城系统 所以我写了一个基于hbuilderX的htmlplus接口的前后端文件,让人人使用hbuilder打包时,具有了原生的支付能力,以及优化了打包的代码,优化了很多无限刷新和卡死的BUG,达到了媲美原生app的流畅度。

APP和支付截图

软件架构

在WXPAY和alipay的官方php demo上进行改造,调用htmlplus接口,让人人打包app商城 支持安卓微信支付宝支付,同时支持ios的支付宝支付。(IOS微信支付也支持 但需要你上架IOS。)

打包前提

想实现wxpay功能,必须在开通微信商户功能,接入wxpa,如果想接入支付宝同理,需要签约支付宝app支付。

以及最重要的 在人人后台 把pay参数配置和填写正确。

替换后端和前端文件

下载完整的前后端代码 :https://gitee.com/lionjoy/renrenapppay
将整个pay文件夹拷贝至 :你的微擎目录/addons/ewei_shopv2/core/mobile 文件夹下。确保路径正确。
将static文件夹,拷贝至 :你的微擎目录/addons/ewei_shopv2 确保路径正确,应该是会替换掉 你的微擎目录/addons/ewei_shopv2/static/js/app/biz 下面的原有的H5app.js
仔细阅读下载的源码包中的说明,按照说明修改指定的参数

app打包教程-开始打包

在拷贝安装之前,你应该首先申请微信支付宝 appID和 微信支付的一些账号,并在微擎后台配置好参数。

我们需要使用hbuilder X打包

下载并安装HBuilderX后,打开编辑器,点击右上角选择:文件 -> 新建 -> 项目选择wap2app,

填入项目名称,wap站首页地址,选择项目文件路径,创建。项目创建成功,软件左侧会出现你刚创建的项目。然后粘贴示列项目的文件进去。

打开hbuilder后选择文件,新建 ,项目 ,项目类型选择 wap2app

然后输入你的移动端网站网址即可。 应该是这样的格式 XXXXX.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile ,xxx替换成你的网站域名。如果不会请参考hbuilder官方文档

接下来对manifest.json 进行配置,参考下载资源里的说明。

manifest.json文件就配置完成了,你可以参考hbuilder官网文档对 sitemap.json 继续优化,优化加载速度等。也可以使用下载资源里我配置好的mainfest.json

接下来,打包app,安卓请使用安卓自有证书,苹果请使用苹果证书。点击HBuilder: 发行 -> 原生App-云端打包

注意打包时 一定要选择 使用自有证书, 按钮旁边有链接 可以去看怎么生成。 以及一定要设定一个应用包名 记下来,这对微信支付很重要!

点击打包按钮,你的app就被打包完毕,enjoy

继续阅读 »

使用hbuilder打包人人app商城

APP制作介绍

人人商城是很好的一个商城系统 所以我写了一个基于hbuilderX的htmlplus接口的前后端文件,让人人使用hbuilder打包时,具有了原生的支付能力,以及优化了打包的代码,优化了很多无限刷新和卡死的BUG,达到了媲美原生app的流畅度。

APP和支付截图

软件架构

在WXPAY和alipay的官方php demo上进行改造,调用htmlplus接口,让人人打包app商城 支持安卓微信支付宝支付,同时支持ios的支付宝支付。(IOS微信支付也支持 但需要你上架IOS。)

打包前提

想实现wxpay功能,必须在开通微信商户功能,接入wxpa,如果想接入支付宝同理,需要签约支付宝app支付。

以及最重要的 在人人后台 把pay参数配置和填写正确。

替换后端和前端文件

下载完整的前后端代码 :https://gitee.com/lionjoy/renrenapppay
将整个pay文件夹拷贝至 :你的微擎目录/addons/ewei_shopv2/core/mobile 文件夹下。确保路径正确。
将static文件夹,拷贝至 :你的微擎目录/addons/ewei_shopv2 确保路径正确,应该是会替换掉 你的微擎目录/addons/ewei_shopv2/static/js/app/biz 下面的原有的H5app.js
仔细阅读下载的源码包中的说明,按照说明修改指定的参数

app打包教程-开始打包

在拷贝安装之前,你应该首先申请微信支付宝 appID和 微信支付的一些账号,并在微擎后台配置好参数。

我们需要使用hbuilder X打包

下载并安装HBuilderX后,打开编辑器,点击右上角选择:文件 -> 新建 -> 项目选择wap2app,

填入项目名称,wap站首页地址,选择项目文件路径,创建。项目创建成功,软件左侧会出现你刚创建的项目。然后粘贴示列项目的文件进去。

打开hbuilder后选择文件,新建 ,项目 ,项目类型选择 wap2app

然后输入你的移动端网站网址即可。 应该是这样的格式 XXXXX.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile ,xxx替换成你的网站域名。如果不会请参考hbuilder官方文档

接下来对manifest.json 进行配置,参考下载资源里的说明。

manifest.json文件就配置完成了,你可以参考hbuilder官网文档对 sitemap.json 继续优化,优化加载速度等。也可以使用下载资源里我配置好的mainfest.json

接下来,打包app,安卓请使用安卓自有证书,苹果请使用苹果证书。点击HBuilder: 发行 -> 原生App-云端打包

注意打包时 一定要选择 使用自有证书, 按钮旁边有链接 可以去看怎么生成。 以及一定要设定一个应用包名 记下来,这对微信支付很重要!

点击打包按钮,你的app就被打包完毕,enjoy

收起阅读 »