
mui侧滑内容无法选择复制和无法滚动
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
outline: 0;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
}
默认全局禁用了文本复制( -webkit-user-select: none;)修改为 -webkit-user-select: auto;
开启后侧滑内容页面还是无法复制找到
!--侧滑菜单容器-->
<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable">
去掉 mui-draggable 即可
启用长按事件
mui.init({
longtap: true, //默认为false
});
滚动添加事件:
window.onload = function(){
mui('#offCanvasSideScroll').scroll();
mui('#offCanvasContentScroll').scroll();
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
outline: 0;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
}
默认全局禁用了文本复制( -webkit-user-select: none;)修改为 -webkit-user-select: auto;
开启后侧滑内容页面还是无法复制找到
!--侧滑菜单容器-->
<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable">
去掉 mui-draggable 即可
启用长按事件
mui.init({
longtap: true, //默认为false
});
滚动添加事件:
window.onload = function(){
mui('#offCanvasSideScroll').scroll();
mui('#offCanvasContentScroll').scroll();
}
收起阅读 »

【分享】MUI集成paypal支付
首先还是要到paypal上注册开发者信息,这部分你们自己去研究咯。这里就不作说明。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>結賬</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/mui.min.css">
<link rel="stylesheet" href="css/style.css">
<style>
input{color:#000}
</style>
</head>
<!--https://www.paypal.com/cgi-bin/webscr-->
<body>
<div class="mui-content">
<form action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="paypal收款账号">
<input type="hidden" name="lc" value="TW">
<input type="hidden" id="item_name" name="item_name" value="">
<input type="hidden" id="item_number" name="item_number" value="">
<input type="hidden" id="amount" name="amount" value="">
<input type="hidden" name="currency_code" value="HKD">
<input type="hidden" name="button_subtype" value="services">
<input type="hidden" name="no_note" value="0">
<input type="hidden" id="shipping" name="shipping" value="">
<input type="hidden" name="bn" value="PP-BuyNowBF:btn_buynow_SM.gif:NonHostedGuest">
<input type="hidden" name="notify_url" value="回调地址">
<input type="hidden" name="return" value="这个参数忘了是干嘛的了...,源码那我填的是本地的产品页面">
<input type="image" src="https://www.paypalobjects.com/zh_TW/TW/i/btn/btn_buynow_SM.gif" border="0" name="submit" alt="PayPal - 更安全、更簡單的線上付款方式!">
<img alt="" border="0" src="https://www.paypalobjects.com/zh_TW/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</body>
<script src="js/mui.min.js"></script>
<script src="js/app.js"></script>
<script>
mui.init({
swipeBack: true, //启用右滑关闭功能
})
(function($, doc) {
mui.plusReady(function() {
plus.nativeUI.closeWaiting();
var self = plus.webview.currentWebview();
var order = self.order;
//console.log(JSON.stringify(order));
document.getElementById("item_name").value=order.order_sn;
document.getElementById("item_number").value=order.order_sn;
document.getElementById("amount").value=order.total_amount;
document.getElementById("shipping").value=order.shipping_price;
app.setLocal('cart',{});
});
}(mui, document));
</script>
</html>
首先还是要到paypal上注册开发者信息,这部分你们自己去研究咯。这里就不作说明。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>結賬</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/mui.min.css">
<link rel="stylesheet" href="css/style.css">
<style>
input{color:#000}
</style>
</head>
<!--https://www.paypal.com/cgi-bin/webscr-->
<body>
<div class="mui-content">
<form action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="paypal收款账号">
<input type="hidden" name="lc" value="TW">
<input type="hidden" id="item_name" name="item_name" value="">
<input type="hidden" id="item_number" name="item_number" value="">
<input type="hidden" id="amount" name="amount" value="">
<input type="hidden" name="currency_code" value="HKD">
<input type="hidden" name="button_subtype" value="services">
<input type="hidden" name="no_note" value="0">
<input type="hidden" id="shipping" name="shipping" value="">
<input type="hidden" name="bn" value="PP-BuyNowBF:btn_buynow_SM.gif:NonHostedGuest">
<input type="hidden" name="notify_url" value="回调地址">
<input type="hidden" name="return" value="这个参数忘了是干嘛的了...,源码那我填的是本地的产品页面">
<input type="image" src="https://www.paypalobjects.com/zh_TW/TW/i/btn/btn_buynow_SM.gif" border="0" name="submit" alt="PayPal - 更安全、更簡單的線上付款方式!">
<img alt="" border="0" src="https://www.paypalobjects.com/zh_TW/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</body>
<script src="js/mui.min.js"></script>
<script src="js/app.js"></script>
<script>
mui.init({
swipeBack: true, //启用右滑关闭功能
})
(function($, doc) {
mui.plusReady(function() {
plus.nativeUI.closeWaiting();
var self = plus.webview.currentWebview();
var order = self.order;
//console.log(JSON.stringify(order));
document.getElementById("item_name").value=order.order_sn;
document.getElementById("item_number").value=order.order_sn;
document.getElementById("amount").value=order.total_amount;
document.getElementById("shipping").value=order.shipping_price;
app.setLocal('cart',{});
});
}(mui, document));
</script>
</html>
收起阅读 »

婚庆APP哪里做??力谱云助力打造婚庆app
五一、十一、各种小长假都是婚潮高峰期,婚纱摄影自然供不应求。然而,面对消费升级趋势,以及互联网公司的入市,不少传统婚庆公司遭遇市场份额不断被瓜分的尴尬局面,熟不知只需开发一款小而精巧的手机App即可破局。深耕移动研发多年的力谱宿云企业,其旗下平台——力谱云https://www.leapcloud.cn,可让企业主只需投入颠覆性的低App开发成本,即可打造集在线预订、商城购买、企业门店信息展示、丰富营销工具、会员管理、大数据分析等功能为一体的婚庆平台。
婚庆市场巨大,传统企业亟待转型
面对国内趋近万亿级的婚庆市场,移动互联网市场与手机App开发的入局,更加剧了传统婚庆公司之间的竞争。目前,随着消费升级,以及85后、90后在婚庆市场消费话语权的主导地位,消费体验追求新奇趣,消费能力不一。与此相对,婚庆传统企业,往往规模不大,利润不足,在淡旺季设置的优惠活动,也不能准确且快速地通知客户。甚至,企业没有什么渠道去建立口碑。婚纱摄影服务中的样片影集太过笨重,且成本高,不方便客户携带回去观摩。行业格局非常分散,区域性龙头份额低,也制约着企业在婚庆市场的市场扩张。
力谱云:多元化营销工具,助力婚庆企业快速转型
另一边,越来越多的传统婚庆公司也开始学习如何结合移动互联网,借力移动技术,为自己的企业升级寻找出口。只需一款手机App,即可将分散的客源、消费需求多元化的人群,聚集在一处。在淡旺季,通过定时定期的营销活动推送,一键速递到客户手中。运用社交、直播的力量,吸引大量人群,以新鲜、趣味的营销方式,进行销售裂变,引导口碑传递,逐步扩张平台吸金能力。
对此,拥有多年移动研发与营销经验的力谱云平台,可为中小型企业高效、低成本提供一站式的移动互联网婚庆解决方案。力谱云通过丰富的工具和强大的后台管理功能,可以帮助婚庆企业通过全渠道获客(App+微商城+移动网站+小程序)、高效的变现工具、全周期的运营服务管理、以及后期技术与服务的支撑,降低运营成本,提高客服效率,丰富的营销活动,并利用大数据能力,为企业精准捕捉用户需求,更新迭代婚庆服务,利用线上销售渠道,带动签单量,为线下门店建立良好用户口碑,树立品牌形象,实现企业业务持续且快速的增长。
力谱云的婚庆App案例解析——中国婚纱
日前,一款集合婚纱摄影、婚庆、购物为一体的电商App商城——中国婚纱,通过力谱云平台正式上线。在1对1的需求沟通中,力谱云的产品经理了解到,企业主坐拥当地丰富的婚庆产业链资源,寻求平台搭建进行企业创收。于是,提议为其打造B2B2C多商户入驻平台的解决方案,该平台能有效整合企业主所拥有的婚庆资源优势,并为企业带来平台自营收入、商家入驻/年费服务收入、广告收入、商户/产品竞价排名等多种营收方式,帮助企业引爆销量。
了解需求要点之后,力谱云方提供了集“B2B2C商城、店铺、社交、即时通讯、会员”等大型功能为一体的婚纱摄影类电商平台解决方案。首先,在B2B2C商城与店铺的基础上,构造一款方便线上交易&商户入驻的电商商城。其次,通过社交功能,打造供用户交流的婚庆社交圈,吸引新用户,推广产品和平台,并促进变现。其三,通过会员功能,打造客户分级服务,通过客户积分,激励用户购买/预定服务,进而快速变现。其四,通过推送代金券,用语提升用户先期下载量,以及后期的用户购买激活。另外,平台可根据营销活动需求,在旺季设置秒杀、拼团、直播等多元化的营销工具,以此促进平台销量不断突破攀升。
通过力谱云平台所研发的中国婚纱手机App平台,只需市场成本的1%,从研发、到打包上架应用市场,以及后续运营/技术遇到问题,都有专业团队全程陪伴护航,让企业主真正可以省心、省力、省钱地进入移动互联网市场。
传统企业接轨移动互联,获取更大商机
随着移动互联网时代的来临,许多实体企业正遭受着极大的冲击。另一方面,我们也能看到移动技术的成熟,可以为企业提供高效且低成本的升级服务。App的加入,不仅把人、商品、平台紧密地联系在了一起,并且可以让企业通过大胆的想象力以及创新力,为自己搭建渠道,建立口碑,带动销路。除了婚纱摄影类行业之外,无论是综合购物、跨境电商、后汽车服务,还是生鲜水果、餐饮、企业福利平台等等,企业都能通过力谱云,在移动端找到新的市场商机。
触摸这个时代的脉络吧,移动让你的商业,更精彩。
五一、十一、各种小长假都是婚潮高峰期,婚纱摄影自然供不应求。然而,面对消费升级趋势,以及互联网公司的入市,不少传统婚庆公司遭遇市场份额不断被瓜分的尴尬局面,熟不知只需开发一款小而精巧的手机App即可破局。深耕移动研发多年的力谱宿云企业,其旗下平台——力谱云https://www.leapcloud.cn,可让企业主只需投入颠覆性的低App开发成本,即可打造集在线预订、商城购买、企业门店信息展示、丰富营销工具、会员管理、大数据分析等功能为一体的婚庆平台。
婚庆市场巨大,传统企业亟待转型
面对国内趋近万亿级的婚庆市场,移动互联网市场与手机App开发的入局,更加剧了传统婚庆公司之间的竞争。目前,随着消费升级,以及85后、90后在婚庆市场消费话语权的主导地位,消费体验追求新奇趣,消费能力不一。与此相对,婚庆传统企业,往往规模不大,利润不足,在淡旺季设置的优惠活动,也不能准确且快速地通知客户。甚至,企业没有什么渠道去建立口碑。婚纱摄影服务中的样片影集太过笨重,且成本高,不方便客户携带回去观摩。行业格局非常分散,区域性龙头份额低,也制约着企业在婚庆市场的市场扩张。
力谱云:多元化营销工具,助力婚庆企业快速转型
另一边,越来越多的传统婚庆公司也开始学习如何结合移动互联网,借力移动技术,为自己的企业升级寻找出口。只需一款手机App,即可将分散的客源、消费需求多元化的人群,聚集在一处。在淡旺季,通过定时定期的营销活动推送,一键速递到客户手中。运用社交、直播的力量,吸引大量人群,以新鲜、趣味的营销方式,进行销售裂变,引导口碑传递,逐步扩张平台吸金能力。
对此,拥有多年移动研发与营销经验的力谱云平台,可为中小型企业高效、低成本提供一站式的移动互联网婚庆解决方案。力谱云通过丰富的工具和强大的后台管理功能,可以帮助婚庆企业通过全渠道获客(App+微商城+移动网站+小程序)、高效的变现工具、全周期的运营服务管理、以及后期技术与服务的支撑,降低运营成本,提高客服效率,丰富的营销活动,并利用大数据能力,为企业精准捕捉用户需求,更新迭代婚庆服务,利用线上销售渠道,带动签单量,为线下门店建立良好用户口碑,树立品牌形象,实现企业业务持续且快速的增长。
力谱云的婚庆App案例解析——中国婚纱
日前,一款集合婚纱摄影、婚庆、购物为一体的电商App商城——中国婚纱,通过力谱云平台正式上线。在1对1的需求沟通中,力谱云的产品经理了解到,企业主坐拥当地丰富的婚庆产业链资源,寻求平台搭建进行企业创收。于是,提议为其打造B2B2C多商户入驻平台的解决方案,该平台能有效整合企业主所拥有的婚庆资源优势,并为企业带来平台自营收入、商家入驻/年费服务收入、广告收入、商户/产品竞价排名等多种营收方式,帮助企业引爆销量。
了解需求要点之后,力谱云方提供了集“B2B2C商城、店铺、社交、即时通讯、会员”等大型功能为一体的婚纱摄影类电商平台解决方案。首先,在B2B2C商城与店铺的基础上,构造一款方便线上交易&商户入驻的电商商城。其次,通过社交功能,打造供用户交流的婚庆社交圈,吸引新用户,推广产品和平台,并促进变现。其三,通过会员功能,打造客户分级服务,通过客户积分,激励用户购买/预定服务,进而快速变现。其四,通过推送代金券,用语提升用户先期下载量,以及后期的用户购买激活。另外,平台可根据营销活动需求,在旺季设置秒杀、拼团、直播等多元化的营销工具,以此促进平台销量不断突破攀升。
通过力谱云平台所研发的中国婚纱手机App平台,只需市场成本的1%,从研发、到打包上架应用市场,以及后续运营/技术遇到问题,都有专业团队全程陪伴护航,让企业主真正可以省心、省力、省钱地进入移动互联网市场。
传统企业接轨移动互联,获取更大商机
随着移动互联网时代的来临,许多实体企业正遭受着极大的冲击。另一方面,我们也能看到移动技术的成熟,可以为企业提供高效且低成本的升级服务。App的加入,不仅把人、商品、平台紧密地联系在了一起,并且可以让企业通过大胆的想象力以及创新力,为自己搭建渠道,建立口碑,带动销路。除了婚纱摄影类行业之外,无论是综合购物、跨境电商、后汽车服务,还是生鲜水果、餐饮、企业福利平台等等,企业都能通过力谱云,在移动端找到新的市场商机。
触摸这个时代的脉络吧,移动让你的商业,更精彩。

云端支持打渠道包
以下内容已过期,最新渠道包配置参考:https://ask.dcloud.net.cn/article/35974
为进一步方便开发者查看应用的统计数据,云端打包服务新增按渠道打包的功能。
如何打包
使用 HBuilder 云打包时,在 manifest.json 的配置中,新增 plus->channel 节点用于填写自定义的渠道标识。
例如:
"plus": {
"launchwebview": {
"titleNView": {
"backgroundcolor": "#f7f7f7",
"titletext": "首页",
"titlecolor": "#000000"
}
},
"statusbar": {
"immersed": "supportedDevice",
"style": "dark"
},
"splashscreen": {
"autoclose": true,
"waiting": true
},
"channel": "dcloud"
}
填写完成后,保存配置,进行云端打包即可。
常见的一些渠道及对应的标识(仅做参考,没有强制要求):
- GooglePlay-google
- 应用宝-yyb
- 360应用市场-360
- 华为应用商店-huawei
- 小米应用商店-xiaomi
获取渠道信息
plus.runtime.channel
如何查看数据
开发者在使用 HBuilder 新建并开发应用后,可以登录DCloud开发者中心查看应用的统计数据。
首页会展示所有已创建的应用列表,点击应用名称进入应用详情页,在上方的选项选择5+APP运营后可以查看该应用的『日活趋势』。

包含渠道信息的应用,左上角选择渠道,即可查看对应渠道的运营统计数据。
Tips:
- 当日的数据,次日才会出统计结果。
- 有用户使用且统计到有效数据,才可以按相应的渠道区分。
- 目前需要一个渠道一个渠道打包,云打包暂时无法批量打多个渠道包出来。
- 本文的渠道标记处理的是DCloud统计后台,如使用友盟统计,需要在友盟的sdk配置里单独配
以下内容已过期,最新渠道包配置参考:https://ask.dcloud.net.cn/article/35974
为进一步方便开发者查看应用的统计数据,云端打包服务新增按渠道打包的功能。
如何打包
使用 HBuilder 云打包时,在 manifest.json 的配置中,新增 plus->channel 节点用于填写自定义的渠道标识。
例如:
"plus": {
"launchwebview": {
"titleNView": {
"backgroundcolor": "#f7f7f7",
"titletext": "首页",
"titlecolor": "#000000"
}
},
"statusbar": {
"immersed": "supportedDevice",
"style": "dark"
},
"splashscreen": {
"autoclose": true,
"waiting": true
},
"channel": "dcloud"
}
填写完成后,保存配置,进行云端打包即可。
常见的一些渠道及对应的标识(仅做参考,没有强制要求):
- GooglePlay-google
- 应用宝-yyb
- 360应用市场-360
- 华为应用商店-huawei
- 小米应用商店-xiaomi
获取渠道信息
plus.runtime.channel
如何查看数据
开发者在使用 HBuilder 新建并开发应用后,可以登录DCloud开发者中心查看应用的统计数据。
首页会展示所有已创建的应用列表,点击应用名称进入应用详情页,在上方的选项选择5+APP运营后可以查看该应用的『日活趋势』。
包含渠道信息的应用,左上角选择渠道,即可查看对应渠道的运营统计数据。
Tips:
- 当日的数据,次日才会出统计结果。
- 有用户使用且统计到有效数据,才可以按相应的渠道区分。
- 目前需要一个渠道一个渠道打包,云打包暂时无法批量打多个渠道包出来。
- 本文的渠道标记处理的是DCloud统计后台,如使用友盟统计,需要在友盟的sdk配置里单独配

Android下载进度条 待改进
废话不多,直接上代码;
需要注意的是 进度条满值是100,100,100,重要的事情说3遍。。。
<body>
<div class="mui-content">
<div class="box">
<img src="../../images/update1.png"/>
</div>
<div class="up hide">
<h4>正在下载</h4>
<p class="mui-progressbar mui-progressbar-danger"><span></span></p>
</div>
</div>
<script src="../../js/mui.min.js"></script>
<script type="text/javascript">
mui.init();
var url;
var gobuy = null;
var container;
mui.plusReady(function(){
var ww = plus.webview.currentWebview();
url = ww.url;
console.log(url)
//点击开始下载
mui('.mui-content').on('tap','img',function(){
mui('.mui-content .box')[0].classList.add('hide');
mui('.mui-content .up')[0].classList.remove('hide');
downWgt(); // 下载升级包
container = mui(".mui-content p");
container.progressbar({
progress: 0
}).show(); //显示进度条
})
//重写返回
mui.back = function(){
mui.confirm('确定要取消更新么?','温馨提示',['取消','退出'],function(e){
console.log(e)
if(e.index == 1){
ww.hide("auto", 300);
plus.downloader.clear();
}else{
return
}
})
}
})
// 下载文件
var dtask;
function downWgt(){
dtask = plus.downloader.createDownload( url, {filename:"_doc/update/"}, function(d,status){
if ( status == 200 ) {
mui.toast('下载完成');
console.log("下载成功:"+d.filename);
installWgt(d.filename); // 安装
mui.later(function(){
mui.back();
},500)
} else {
console.log("下载失败!");
plus.nativeUI.alert("下载更新包失败!");
}
plus.nativeUI.closeWaiting();
});
dtask.addEventListener( "statechanged", onStateChanged, false );
dtask.start();
}
// 监听下载任务状态
function onStateChanged(){
mui.later(function(){
var num = dtask.downloadedSize / dtask.totalSize * 100;
if(num < 100){
mui(container).progressbar().setProgress(num);
}else{
mui(container).progressbar().hide();
}
},200)
}
// 更新应用资源
function installWgt(path){
plus.nativeUI.showWaiting("安装wgt文件...");
plus.runtime.install(path,{},function(){
plus.nativeUI.closeWaiting();
console.log("应用资源更新完成!")
},function(e){
plus.nativeUI.closeWaiting();
console.log("安装文件失败["+e.code+"]:"+e.message);
plus.nativeUI.alert("安装文件失败["+e.code+"]:"+e.message);
});
}
</script>
</body>
废话不多,直接上代码;
需要注意的是 进度条满值是100,100,100,重要的事情说3遍。。。
<body>
<div class="mui-content">
<div class="box">
<img src="../../images/update1.png"/>
</div>
<div class="up hide">
<h4>正在下载</h4>
<p class="mui-progressbar mui-progressbar-danger"><span></span></p>
</div>
</div>
<script src="../../js/mui.min.js"></script>
<script type="text/javascript">
mui.init();
var url;
var gobuy = null;
var container;
mui.plusReady(function(){
var ww = plus.webview.currentWebview();
url = ww.url;
console.log(url)
//点击开始下载
mui('.mui-content').on('tap','img',function(){
mui('.mui-content .box')[0].classList.add('hide');
mui('.mui-content .up')[0].classList.remove('hide');
downWgt(); // 下载升级包
container = mui(".mui-content p");
container.progressbar({
progress: 0
}).show(); //显示进度条
})
//重写返回
mui.back = function(){
mui.confirm('确定要取消更新么?','温馨提示',['取消','退出'],function(e){
console.log(e)
if(e.index == 1){
ww.hide("auto", 300);
plus.downloader.clear();
}else{
return
}
})
}
})
// 下载文件
var dtask;
function downWgt(){
dtask = plus.downloader.createDownload( url, {filename:"_doc/update/"}, function(d,status){
if ( status == 200 ) {
mui.toast('下载完成');
console.log("下载成功:"+d.filename);
installWgt(d.filename); // 安装
mui.later(function(){
mui.back();
},500)
} else {
console.log("下载失败!");
plus.nativeUI.alert("下载更新包失败!");
}
plus.nativeUI.closeWaiting();
});
dtask.addEventListener( "statechanged", onStateChanged, false );
dtask.start();
}
// 监听下载任务状态
function onStateChanged(){
mui.later(function(){
var num = dtask.downloadedSize / dtask.totalSize * 100;
if(num < 100){
mui(container).progressbar().setProgress(num);
}else{
mui(container).progressbar().hide();
}
},200)
}
// 更新应用资源
function installWgt(path){
plus.nativeUI.showWaiting("安装wgt文件...");
plus.runtime.install(path,{},function(){
plus.nativeUI.closeWaiting();
console.log("应用资源更新完成!")
},function(e){
plus.nativeUI.closeWaiting();
console.log("安装文件失败["+e.code+"]:"+e.message);
plus.nativeUI.alert("安装文件失败["+e.code+"]:"+e.message);
});
}
</script>
</body>
收起阅读 »

内置web服务器被防火墙禁用导致预览和运行异常的解决方案
HBuilder内置web服务器,方便在外部或内置浏览器里查看HTML文件。
但使用该功能时,操作系统会弹框询问用户是否允许。如果用户不幸点了拒绝,那就会出现如下错误界面。
此时恢复办法是需要在os的防火墙中解除限制。
下面以windows10为例说明:
在控制面板里找到防火墙,点里面的允许的应用,如下图。
在windows10的开始菜单里搜"防火墙"也能直接进入这个界面。
打开这个界面后,找到里面的HBuilderX或HBuilder或rcp的exe文件,把前面的对勾打上。
有的系统需要先点击右上角的更改设置才能修改。
还是要注意,当使用HBuilder时系统弹出的各种询问框,都要点允许,否则相应功能就无法使用。
有时设置后需要重启HBuilder、HBuilderX,甚至重启电脑。
HBuilder内置web服务器,方便在外部或内置浏览器里查看HTML文件。
但使用该功能时,操作系统会弹框询问用户是否允许。如果用户不幸点了拒绝,那就会出现如下错误界面。
此时恢复办法是需要在os的防火墙中解除限制。
下面以windows10为例说明:
在控制面板里找到防火墙,点里面的允许的应用,如下图。
在windows10的开始菜单里搜"防火墙"也能直接进入这个界面。
打开这个界面后,找到里面的HBuilderX或HBuilder或rcp的exe文件,把前面的对勾打上。
有的系统需要先点击右上角的更改设置才能修改。
还是要注意,当使用HBuilder时系统弹出的各种询问框,都要点允许,否则相应功能就无法使用。
有时设置后需要重启HBuilder、HBuilderX,甚至重启电脑。
收起阅读 »
ios真机调试时需要添加的UDID是什么?怎么获取?
很多开发者在真机调试测试ios应用时,会看到需要添加udid,搞不清这个是什么东西应该怎么获取。
udid就是手机的一个串号,相当于手机的身份证,具有唯一性。
下面介绍如何获取udid并添加到开发者中心后台。
有两种方式可以获取udid
1、苹果手机助手获取UDID
如爱思助手,电脑下载爱思助手,连上苹果手机,设备信息里面那个设备标识就是udid。
第二个方式可以直接苹果手机直接扫码获取
使用 iPhone 或 iPad 微信扫码选择自带的浏览器safari浏览器打开二维码里的链接,即可快速获取 UDID
这个一长串的就是设备的Udid
04bff1010f1656cde7d60g560d7d897e2821dc88
2、登录开发者中心,添加设备,选择侧边栏的Devices,All选项,点击右上角+号。
3、输入设备名称(名称可以随意,比如老板的手机,可以设置为laoban,不能用中文),再输入设备UDID,一路点击创建。
很多开发者在真机调试测试ios应用时,会看到需要添加udid,搞不清这个是什么东西应该怎么获取。
udid就是手机的一个串号,相当于手机的身份证,具有唯一性。
下面介绍如何获取udid并添加到开发者中心后台。
有两种方式可以获取udid
1、苹果手机助手获取UDID
如爱思助手,电脑下载爱思助手,连上苹果手机,设备信息里面那个设备标识就是udid。
第二个方式可以直接苹果手机直接扫码获取
使用 iPhone 或 iPad 微信扫码选择自带的浏览器safari浏览器打开二维码里的链接,即可快速获取 UDID
这个一长串的就是设备的Udid
04bff1010f1656cde7d60g560d7d897e2821dc88
2、登录开发者中心,添加设备,选择侧边栏的Devices,All选项,点击右上角+号。
3、输入设备名称(名称可以随意,比如老板的手机,可以设置为laoban,不能用中文),再输入设备UDID,一路点击创建。
收起阅读 »
力谱云APP开发干货 – 增长黑客之6大裂变营销新玩法
近期,新零售业界的爆款产品——luckin coffee(瑞幸咖啡)横空出世,以闪电般的速度,飞快攻占了一二线城市,甚至有人认为这是新一代“星巴克”的崛起。据了解,支撑其快速拓展门店的背后推手,就在于他们敢玩,并且会玩营销裂变。
那么,你知道增长黑客是怎么一回事儿吗?让App开发小能手——力谱云带您一探究竟吧!
首先,和各位科普一下,增长黑客是指一种用户增长的方式。简单的来说,我们可以通过各种黑科技和策略,帮助企业进行快速成长。在典型的用户增长模型——AARRR模型中,我们可以得知,促进用户增长的三个重要因素在于,获取首批种子用户,提高留存率,以及裂变。在裂变营销中,我们最终想要获得的结果只有一个——以最低的成本,进行最大限度的获客增长。
今天,我们就来聊聊6大裂变营销新玩法,看看是否对你的App开发和运营、营销有所启发。
玩法1:奖励邀请新用户
流量裂变的本质是通过老用户带来新用户。这是一种裂变营销的标准玩法。
比如,一款生鲜App的老用户,通过邀请新用户,老用户可以得到20元的代金券,多邀请多受惠,而新用户收到邀请后,同样也能得到新用户注册优惠等。除了福利刺激之外,新奇趣方面的吸引力,以及价值感方面的共鸣,都是常见且有效的拉新奖励模式。
玩法2:鼓励分享红包
用户在结束消费后,收到的红包可以分享给好友,红包可被多次领取,并且分享者自己也可领取。该玩法目前深受美团、饿了么用户欢迎,能有效刺激用户进行消费。这种红包裂变的玩法,需要根据用户兴趣、习惯,以及企业的投入产出比率等因素,进行计算之后,制定出合理的法则,才能让企业不断增加App用户,拓宽付费渠道。
玩法3:IP+红包分享法
作为红包裂变的升级版,结合近期火爆的影视、明星等元素,进行分享红包页面的设计,让用户分享红包的同时,更像是在分享近期好玩、好看的影视内容,分享友善度更高,进而增加被打开以及被分享的成功率。IP与红包相结合,不仅能增加分享的趣味性,也能借力IP热度,提升品牌印象感,拉进用户距离,增加手机App用户面。
玩法4:预付卡玩法
简单来说,预付卡是通过鼓励手机应用中的用户储值,以达到吸引新用户,提高用户付费频度的一种裂变营销新玩法。目前,收到摩拜、ofo等高频生活类App的推崇与使用。企业主可通过充100返10元等优惠形式,鼓励用户进行平台预付,用以达到先期大量积累原始新用户的目的。
玩法5:鼓励用户个人分享
这个模式的玩法基于单次体验成本较高的产品,尤其是虚拟产品,包括线上教育教育等。比如,在付费课程中,设置【分享免费看】功能,只要分享到朋友圈,即可免费看,并且活动长期有效。就能有效激励用户,进行社交平台的转发,从而达到企业低成本进行推广、拉新、变现的效果。
玩法6:拼团裂变
众所周知,作为一家上线3年,狂揽3亿用户的拼多多,仅仅凭借“拼团”这一营销裂变神器,成就了其享誉业界的销售神话。拼团功能,非常值得我们的学习和效仿。
它的本质在于,用户可以通过分享获得让利。因此,用户本身成为了一个极为活跃的流量裂变点,其分享模式为熟人社交,分享和邀请的成功率更大。而每一个参团者本身,有着自主购买意向,购买需求强烈,因而其裂变效应更大,团购成单率也更高。并以此模式为核心,通过便宜和好用的产品,不断激发用户发团,分享,成单,以此激发二级用户、三级用户…不断发生裂变,进而直至拼团成功。
快、狠、准的裂变营销,尽在力谱云
力谱云除了关心如何帮助企业主把控前期移动App开发的投入,提升平台上线效率以及品质之外,更关心每一个移动互联网平台的成功与否。无论是我们的全渠道覆盖(支持iOS/安卓App、微商城、小程序、移动网站),多种业务模式支持(B2C、B2B、020、B2B2C),还是全面的营销工具(拼团、预付卡、多级分销、秒杀…等等)配备,我们都期待以更前沿、更有力的科技手段,让您的移动营销之路,走得更轻便、顺畅、成功。
玩转移动前沿黑科技,让您的商业和移动蓝海市场,快速接壤开花吧。
近期,新零售业界的爆款产品——luckin coffee(瑞幸咖啡)横空出世,以闪电般的速度,飞快攻占了一二线城市,甚至有人认为这是新一代“星巴克”的崛起。据了解,支撑其快速拓展门店的背后推手,就在于他们敢玩,并且会玩营销裂变。
那么,你知道增长黑客是怎么一回事儿吗?让App开发小能手——力谱云带您一探究竟吧!
首先,和各位科普一下,增长黑客是指一种用户增长的方式。简单的来说,我们可以通过各种黑科技和策略,帮助企业进行快速成长。在典型的用户增长模型——AARRR模型中,我们可以得知,促进用户增长的三个重要因素在于,获取首批种子用户,提高留存率,以及裂变。在裂变营销中,我们最终想要获得的结果只有一个——以最低的成本,进行最大限度的获客增长。
今天,我们就来聊聊6大裂变营销新玩法,看看是否对你的App开发和运营、营销有所启发。
玩法1:奖励邀请新用户
流量裂变的本质是通过老用户带来新用户。这是一种裂变营销的标准玩法。
比如,一款生鲜App的老用户,通过邀请新用户,老用户可以得到20元的代金券,多邀请多受惠,而新用户收到邀请后,同样也能得到新用户注册优惠等。除了福利刺激之外,新奇趣方面的吸引力,以及价值感方面的共鸣,都是常见且有效的拉新奖励模式。
玩法2:鼓励分享红包
用户在结束消费后,收到的红包可以分享给好友,红包可被多次领取,并且分享者自己也可领取。该玩法目前深受美团、饿了么用户欢迎,能有效刺激用户进行消费。这种红包裂变的玩法,需要根据用户兴趣、习惯,以及企业的投入产出比率等因素,进行计算之后,制定出合理的法则,才能让企业不断增加App用户,拓宽付费渠道。
玩法3:IP+红包分享法
作为红包裂变的升级版,结合近期火爆的影视、明星等元素,进行分享红包页面的设计,让用户分享红包的同时,更像是在分享近期好玩、好看的影视内容,分享友善度更高,进而增加被打开以及被分享的成功率。IP与红包相结合,不仅能增加分享的趣味性,也能借力IP热度,提升品牌印象感,拉进用户距离,增加手机App用户面。
玩法4:预付卡玩法
简单来说,预付卡是通过鼓励手机应用中的用户储值,以达到吸引新用户,提高用户付费频度的一种裂变营销新玩法。目前,收到摩拜、ofo等高频生活类App的推崇与使用。企业主可通过充100返10元等优惠形式,鼓励用户进行平台预付,用以达到先期大量积累原始新用户的目的。
玩法5:鼓励用户个人分享
这个模式的玩法基于单次体验成本较高的产品,尤其是虚拟产品,包括线上教育教育等。比如,在付费课程中,设置【分享免费看】功能,只要分享到朋友圈,即可免费看,并且活动长期有效。就能有效激励用户,进行社交平台的转发,从而达到企业低成本进行推广、拉新、变现的效果。
玩法6:拼团裂变
众所周知,作为一家上线3年,狂揽3亿用户的拼多多,仅仅凭借“拼团”这一营销裂变神器,成就了其享誉业界的销售神话。拼团功能,非常值得我们的学习和效仿。
它的本质在于,用户可以通过分享获得让利。因此,用户本身成为了一个极为活跃的流量裂变点,其分享模式为熟人社交,分享和邀请的成功率更大。而每一个参团者本身,有着自主购买意向,购买需求强烈,因而其裂变效应更大,团购成单率也更高。并以此模式为核心,通过便宜和好用的产品,不断激发用户发团,分享,成单,以此激发二级用户、三级用户…不断发生裂变,进而直至拼团成功。
快、狠、准的裂变营销,尽在力谱云
力谱云除了关心如何帮助企业主把控前期移动App开发的投入,提升平台上线效率以及品质之外,更关心每一个移动互联网平台的成功与否。无论是我们的全渠道覆盖(支持iOS/安卓App、微商城、小程序、移动网站),多种业务模式支持(B2C、B2B、020、B2B2C),还是全面的营销工具(拼团、预付卡、多级分销、秒杀…等等)配备,我们都期待以更前沿、更有力的科技手段,让您的移动营销之路,走得更轻便、顺畅、成功。
玩转移动前沿黑科技,让您的商业和移动蓝海市场,快速接壤开花吧。

Html5+的概念非常新颖,这套技术碾压现有的跨平台开发技术。但是。。。
为什么没有英文版的HBuilder?另外dcloud也没有提产品的使用权限,也不象是开源软件,这样模糊不清的产品实在是不敢用来开发企业软件啊。这方面有什么信息?
为什么没有英文版的HBuilder?另外dcloud也没有提产品的使用权限,也不象是开源软件,这样模糊不清的产品实在是不敢用来开发企业软件啊。这方面有什么信息?

【分享】MUI集成facebook第三方登录
首先要到facebook那申请第三方登录,申请完会得到一个client_id,一个ID对应一个APP的
前端
var token = Math.random().toString(36).substr(2);
var url = syslinks + "oauth/token/" + token;//回调地址
plus.nativeUI.showWaiting("");
$.openWindow({
url: "https://m.facebook.com/dialog/oauth?client_id=**xxx**&response_type=code&redirect_uri=" + url + "&scope=email,public_profile",
id: 'facebook',
createNew: true,
show: {
aniShow: 'pop-in'
}
});
然后自己写个定时器或什么的,查询下就好
后端,我用的是thinkkphp
/**
* 第三方登陆
*/
public function oauth(){
$code = I("get.code");
$uid = I("uid");
$token = I("token");
$nickname = I("nickname");
if(!$uid || !$token) exit(json_encode(array('status'=>0,'msg'=>"error")));
$oauth = M('oauth')->where(array("token"=>$token,"uid"=>$uid))->find();
if($oauth){
$user_id = $oauth['user_id'];
}else{
$data = array();
$data['nickname'] = $nickname;
$data['reg_time'] = strtotime(date('Y-m-d H:i:s'));
$user_id = M('users')->add($data);
$data = array();
$data["uid"] = $uid;
$data["token"] = $token;
$data["user_id"] = $user_id;
M('oauth')->add($data);
}
$user = M("users")->find($user_id);
exit(json_encode(array('status'=>1,'msg'=>$user)));
}
首先要到facebook那申请第三方登录,申请完会得到一个client_id,一个ID对应一个APP的
前端
var token = Math.random().toString(36).substr(2);
var url = syslinks + "oauth/token/" + token;//回调地址
plus.nativeUI.showWaiting("");
$.openWindow({
url: "https://m.facebook.com/dialog/oauth?client_id=**xxx**&response_type=code&redirect_uri=" + url + "&scope=email,public_profile",
id: 'facebook',
createNew: true,
show: {
aniShow: 'pop-in'
}
});
然后自己写个定时器或什么的,查询下就好
后端,我用的是thinkkphp
/**
* 第三方登陆
*/
public function oauth(){
$code = I("get.code");
$uid = I("uid");
$token = I("token");
$nickname = I("nickname");
if(!$uid || !$token) exit(json_encode(array('status'=>0,'msg'=>"error")));
$oauth = M('oauth')->where(array("token"=>$token,"uid"=>$uid))->find();
if($oauth){
$user_id = $oauth['user_id'];
}else{
$data = array();
$data['nickname'] = $nickname;
$data['reg_time'] = strtotime(date('Y-m-d H:i:s'));
$user_id = M('users')->add($data);
$data = array();
$data["uid"] = $uid;
$data["token"] = $token;
$data["user_id"] = $user_id;
M('oauth')->add($data);
}
$user = M("users")->find($user_id);
exit(json_encode(array('status'=>1,'msg'=>$user)));
}
收起阅读 »