精华内容
下载资源
问答
  • 云打包app登录

    2019-11-27 10:19:46
    2.云打包 1.在manifest.json中 APP模块权限配置 勾选 OAuth(登录鉴权) App SDK配置 登录鉴权中的微信登录 appid appsecret 2.云打包 Android包名、证书别名、证书私钥密码、证书文件(需要提供、...

    1.登录缓存用户信息

    <button class="login_btn" @click="appLogin">
    	<text class="login_text">微信授权登录</text>
    </button>
    
    uni.login({
    	provider: 'weixin',
    	success: function(loginRes) {
    		// 获取用户信息
    		uni.getUserInfo({
    			provider: 'weixin',
    			success: function(infoRes) {
    				//缓存用户信息
    				setStorageSync('userInfo2',infoRes.userInfo);
    				console.log(getStorageSync('userInfo2'));
    				uni.switchTab({
    				    url: '/pages/user/user'
    				});
    			}
    		});
    	}
    });
    

    2.云打包

    	1.在manifest.json中
    		APP模块权限配置 
    			勾选 OAuth(登录鉴权)
    		App SDK配置
    			登录鉴权中的微信登录  appid  appsecret
    	2.云打包
    		Android包名、证书别名、证书私钥密码、证书文件(需要提供、微信开放平台提供)  
    
    展开全文
  • MUI云打包APP的流程

    2018-11-07 00:00:00
    那么有没有一种简单的方式就可以实现APP打包操作了呢,答案就是采用云打包方式实现,即不用部署打包环境,也不用对HTML5代码进行更改。 2 实现方法 1.首先在你的APP项目里面的manifest.json里面设置你想要的效果和...
        

    欢迎点击「算法与编程之美」↑关注我们!

    本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。

    1 问题描述

    当我们知道如何用Hbuilder创建HTML5 APP项目以及APP页面如何调试后,接下来就需要考虑如何对HTML5APP项目进行打包了。

    由于HTML5 APP开发时使用的环境与APP打包的环境不一样,并且重点是还得对IOS和Android系统进行分别处理,如果本地部署,就会浪费大量的时间,而且还不会很容易打包成功。那么有没有一种简单的方式就可以实现APP打包操作了呢,答案就是采用云打包方式实现,即不用部署打包环境,也不用对HTML5代码进行更改。

    2 实现方法

    1.首先在你的APP项目里面的manifest.json里面设置你想要的效果和样式,如:图标、应用名、描述、入口页面等等。然后再配置好程序里所需要用到的模块权限,按需要配置,不然会太大太冗余。如下:

    (1)选择manifest.json文件,然后,双击打开,并进行版本设置、启动图片设置。

    640?wx_fmt=png

    640?wx_fmt=png

    640?wx_fmt=png

    (2)设置ios和Android系统安装APP图标。(所有图片格式必须是png,且严格符合分辨率要求。使用其他图片格式重命名为png会导致打包失败。配置图标时选择自动生成所有适用图标,选择一个大图标然后点击生成并替换即可。

    640?wx_fmt=png

    640?wx_fmt=png2.配置好manifest.json文件后,点击菜单栏“发行”-“云打包-打原生安装包”。

    640?wx_fmt=png3.按需选择,你要发布的版本,一般是IOS和Android双平台都需要。

    640?wx_fmt=png

    (1)   IOS打包,支持两种方式:a、需要开发者证书才能打包,APP打包出来后,可以在已设置了UUID的手机上安装运行;b、越狱包,则只能在越狱菜果手机上,才能安装运行。

    (2)   Android打包,也支持两种方式:a、使用Dcloud公用证书;b、采用自有证书。无论采用哪种证书,打出来的APP安装包,都是可以直接在安桌手机上安装运行。

    证书生成就请读者们自行百度或者谷歌吧。

    (注意:APPID需要和profile文件中的保持一致,不然打包会报错)

    3 总结

    关于MUI云打包APP的整个流程差不多就是这样的,根据项目的不同需要,读者们可以自行选择SDK配置,要实现功能需要到第三方平台获取相关配置参数例如微信登录需要申请appidappSecretappid:微信开放平台申请应用的AppID值;appSecret:微信开放平台申请应用的AppSecret值。

    更多精彩文章:

     

    640?wx_fmt=png

    温馨提示:点击页面右下角“写留言”发表评论,期待您的参与!期待您的转发!

    展开全文
  • var appshare = function (msgdata, ishref) {  // 分享参数  if(ishref){  var msginfo = { title: msgdata.title, href: msgdata.href, content: msgdata.desc, pic: msgdata.pic };  }else{ ...

     

    <script type="text/javascript">

    mui('.mui-scroll-wrapper').scroll({

    indicators: true //是否显示滚动条

    });

    var shares = null;

    mui.plusReady(function() {

    var article_id = plus.webview.currentWebview().article_id;

    var table = document.body.querySelector('.jays-content');

    jays.ajaxPost(jays.api.shop_article_info, {

    articleId: article_id

    }, function(data) {

    if(data.code == 1) {

    var li = document.createElement('li');

    li.className = 'jays-details';

    li.innerHTML =

    '<div class="jays-details-top">' +

    data.data.title +

    '</div>' +

    '<div class="jays-author mui-clearfix">' +

    '<div class="jays-name">' +

    data.data.username +

    '</div>' +

    '<div class="jays-concern-number mui-icon iconfont icon-yanjing">&nbsp;'+

    data.data.views +

    '</div>' +

    '</div>' +

    '<div class="jays-artical">' +

    data.data.contents +

    '</div>';

    table.appendChild(li);

    } else {

    mui.toast(data.msg);

    }

    });

    //分享功能

    plus.share.getServices(function(s) {

            shares = {};

            for(var i in s) {

                var t = s[i];

                shares[t.id] = t;

            }

        }, function(e) {

            mui.toast("无享服务!");

    console.log("获取分享服务列表失败:" + e.message);

    });

     

    });

    function shareAction(sb, ishref, msginfo) {

        if(!sb || !sb.s) {

            mui.toast("无效的分享服务!");

            return;

        }

        var msg = { content: msginfo.content, extra: { scene: sb.x } };

        if(ishref) {

            msg.title = msginfo.title;

            msg.href = msginfo.href;

            msg.content = msginfo.content;

            msg.thumbs = [msginfo.pic];

            msg.pictures = [msginfo.pic];

        }

        // 发送分享

        if(sb.s.authenticated) {

            console.log("---已授权---");

            shareMessage(msg, sb.s);

        } else {

            console.log("---未授权---");

            sb.s.authorize(function() {

                shareMessage(msg, sb.s);

            }, function(e) {

                console.log("认证授权失败:" + e.code + " - " + e.message);

            });

        }

    }

     

    /**

    * 发送分享消息

    * @param {JSON} msg

    * @param {plus.share.ShareService} s

    */

    function shareMessage(msg, s) {

        s.send(

            msg,

            function() {

                mui.toast("分享到\"" + s.description + "\"成功! ");

            },

            function(e) {

            mui.toast()

                mui.toast("分享到\"" + s.description + "\"失败! ");

                // console.log("分享到\"" + s.description + "\"失败: " + JSON.stringify(e));

            }

        );

    }

     

    /**

    * 分享内容或者链接

    * @param  {JSON} msgdata 分享数据的对象

    * @param  {Boolean} ishref  是否分享链接

    */

    var msgdata = {

    title: '哪种吃东西方式更健康',

    href: 'http://www.baidu.com',

    desc: '2017年4月23日',

    pic: ''

    };

    var appshare = function (msgdata, ishref) {

        // 分享参数

        if(ishref){

            var msginfo = { title: msgdata.title, href: msgdata.href, content: msgdata.desc, pic: msgdata.pic };

        }else{

            var msginfo = { content: msgdata.desc };

        }

     

        var shareBts = [];

        // 更新分享列表

        var ss = shares['weixin'];

        ss && ss.nativeClient && (shareBts.push({ title: '微信朋友圈', s: ss, x: 'WXSceneTimeline' }), shareBts.push({ title: '微信好友', s: ss, x: 'WXSceneSession' }));

     

        ss = shares['qq'];

        ss && ss.nativeClient && shareBts.push({ title: 'QQ', s: ss });

     

        if(!ishref){

            ss = shares['sinaweibo'];

            ss && shareBts.push({ title: '新浪微博', s: ss });

        }

     

        // 弹出分享列表

        shareBts.length > 0 ? plus.nativeUI.actionSheet({

                title: '分享',

                cancel: '取消',

                buttons: shareBts

            },

            function(e) {

                (e.index > 0) && shareAction(shareBts[e.index - 1], ishref, msginfo);

            }

        ) : plus.nativeUI.alert('当前环境无法支持分享操作!');

    }

    mui('body').on('tap', '.more', function(){

    appshare(msgdata,true);

    });

     

    </script>

    转载于:https://my.oschina.net/af666/blog/883904

    展开全文
  • var appshare = function (msgdata, ishref) { // 分享参数 if(ishref){ var msginfo = { title: msgdata.title, href: msgdata.href, content: msgdata.desc, pic: msgdata.pic }; }else{ var msginfo = { content...

    mui('.mui-scroll-wrapper').scroll({

    indicators: true //是否显示滚动条

    });

    var shares = null;

    mui.plusReady(function() {

    var article_id = plus.webview.currentWebview().article_id;

    var table = document.body.querySelector('.jays-content');

    jays.ajaxPost(jays.api.shop_article_info, {

    articleId: article_id

    }, function(data) {

    if(data.code == 1) {

    var li = document.createElement('li');

    li.className = 'jays-details';

    li.innerHTML =

    '

    ' +

    data.data.title +

    '

    ' +

    '

    ' +

    '

    ' +

    data.data.username +

    '

    ' +

    '

     '+

    data.data.views +

    '

    ' +

    '

    ' +

    '

    ' +

    data.data.contents +

    '

    ';

    table.appendChild(li);

    } else {

    mui.toast(data.msg);

    }

    });

    //分享功能

    plus.share.getServices(function(s) {

    shares = {};

    for(var i in s) {

    var t = s[i];

    shares[t.id] = t;

    }

    }, function(e) {

    mui.toast("无享服务!");

    console.log("获取分享服务列表失败:" + e.message);

    });

    });

    function shareAction(sb, ishref, msginfo) {

    if(!sb || !sb.s) {

    mui.toast("无效的分享服务!");

    return;

    }

    var msg = { content: msginfo.content, extra: { scene: sb.x } };

    if(ishref) {

    msg.title = msginfo.title;

    msg.href = msginfo.href;

    msg.content = msginfo.content;

    msg.thumbs = [msginfo.pic];

    msg.pictures = [msginfo.pic];

    }

    // 发送分享

    if(sb.s.authenticated) {

    console.log("---已授权---");

    shareMessage(msg, sb.s);

    } else {

    console.log("---未授权---");

    sb.s.authorize(function() {

    shareMessage(msg, sb.s);

    }, function(e) {

    console.log("认证授权失败:" + e.code + " - " + e.message);

    });

    }

    }

    /**

    * 发送分享消息

    * @param {JSON} msg

    * @param {plus.share.ShareService} s

    */

    function shareMessage(msg, s) {

    s.send(

    msg,

    function() {

    mui.toast("分享到\"" + s.description + "\"成功! ");

    },

    function(e) {

    mui.toast()

    mui.toast("分享到\"" + s.description + "\"失败! ");

    // console.log("分享到\"" + s.description + "\"失败: " + JSON.stringify(e));

    }

    );

    }

    /**

    * 分享内容或者链接

    * @param  {JSON} msgdata 分享数据的对象

    * @param  {Boolean} ishref  是否分享链接

    */

    var msgdata = {

    title: '哪种吃东西方式更健康',

    href: 'http://www.baidu.com',

    desc: '2017年4月23日',

    pic: ''

    };

    var appshare = function (msgdata, ishref) {

    // 分享参数

    if(ishref){

    var msginfo = { title: msgdata.title, href: msgdata.href, content: msgdata.desc, pic: msgdata.pic };

    }else{

    var msginfo = { content: msgdata.desc };

    }

    var shareBts = [];

    // 更新分享列表

    var ss = shares['weixin'];

    ss && ss.nativeClient && (shareBts.push({ title: '微信朋友圈', s: ss, x: 'WXSceneTimeline' }), shareBts.push({ title: '微信好友', s: ss, x: 'WXSceneSession' }));

    ss = shares['qq'];

    ss && ss.nativeClient && shareBts.push({ title: 'QQ', s: ss });

    if(!ishref){

    ss = shares['sinaweibo'];

    ss && shareBts.push({ title: '新浪微博', s: ss });

    }

    // 弹出分享列表

    shareBts.length > 0 ? plus.nativeUI.actionSheet({

    title: '分享',

    cancel: '取消',

    buttons: shareBts

    },

    function(e) {

    (e.index > 0) && shareAction(shareBts[e.index - 1], ishref, msginfo);

    }

    ) : plus.nativeUI.alert('当前环境无法支持分享操作!');

    }

    mui('body').on('tap', '.more', function(){

    appshare(msgdata,true);

    });

    展开全文
  • uni-app原声App 云打包详细教程 最近在研究uniapp他可以跨端开发各种平台的应用,一码多平台。然后一般用的最多的就是pc端,微信小程序,微信公众号,和手机应用端,今天就主要讲手机应用端的打包教程。 1.在...
  • vue用hbuilderX打包app嵌入h5方式云打包和遇到的问题 vue用hbuilderX打包app就可以了,不过有兼容性问题,转换rem的用不了,嵌入到app的webview里面变得很小了,另外还有返回键监听的问题需要处理,否则按手机上的...
  • uni-app云打包

    2019-11-29 09:45:32
    1. uni-app 云打包流程: 发行 -> 原生app云打包 -> 使用DCloud公用证书 -> 输入包名 -> 去除广告选项 -> 打包 (如果显示已经成功上传到云平台,只需要等待打包的结果即可) 打包的结果会显示在...
  • uni-app云打包方法

    万次阅读 2019-04-28 16:40:41
    1. uni-app 云打包流程: 发行 -> 原生app云打包 -> 使用DCloud公用证书 -> 输入包名 -> 去除广告选项 -> 打包 (如果显示已经成功上传到云平台,只需要等待打包的结果即可) 打包的结果会显示在...
  • 1、manifest.json 配置 (app模块配置,权限配置 根据需要勾选即可) 2、云打包 说明:注意打包时需要有项目的管理权方可打包; 配置完成后打包即可!
  • uni-app ios 云打包

    千次阅读 2020-08-27 09:28:22
    前期准备注意事项 App 图标配置 App 启动页面配置 基本配置 打包 : 菜单栏发行 —> 原生App-云打包 根据获取相关证书的内容, 填入信息 等待出现一个地址即可, 就可以获得ios包
  • Hbuilder 云打包发布app教程 (Android)

    万次阅读 热门讨论 2019-03-22 22:38:21
    Hbuilder X 云打包教程 (Android ) - 准备所需开发环境以及项目 Java SE Development Kit8u201(Android签名证书所需) 1. 正确安装JRE,下面将使用使用JRE自带的创建和管理数字证书的工具Keytool 2. 准备生成...
  • web2app云打包方法

    2018-06-01 05:03:26
    1.使用apicloud在线云打包: 注意点: a.头部没有返回按钮 b.网页中有alert提示时,不会显示网址 2.dcloud,hbuilder工具打包: 注意点: a.头部有返回按钮 b.alert提示会显示网址 3.自己使用框架打包,需要...
  • HbuilderX进行App云打包

    千次阅读 2020-03-06 14:23:45
    本文总结使用HuilderX进行简单的App云打包的过程 我们使用的是Vux,它是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。 1. 首先全局安装vue-cli: npm install vue-cli -g 2. 创建vux2项目 vue init...
  • 当我们的APP已经开发好了,一切准备就绪之后,我们就可以采用云打包的方式打包自己的应用。在云打包这里涉及到了安卓系统和IOS系统,本次笔者记录的是如何制作自己的安卓证书,制作过程非常简单,只要借助keytool...
  • Hbuilder开发的App用到了定位权限,上架AppStore审核被拒,反馈问题如下: Guideline 5.1.1 - Legal - Privacy - Data Collection and Storage We noticed that your app requests the user’s consent to ...
  • uni-app云打包失败

    2021-02-17 13:28:26
    在清单中去掉权限配置:
  • 今天聊到的云打包平台就是在这样一个背景下,希望让每一个中小企业个人都拥有自己的品牌app,如同微信公众号打出的口号,再小的个体也有自己的品牌。 CI系统 持续集成关注于将单一的JavaWeb、.net Web、a...
  • Hbuilder打包app的方法

    2018-10-27 19:25:11
    HBuilder打包App方法 HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。该软件既可以支持web代码编写,也可以将已经编写好的项目代码打包为手机APP。 HBuilder提供的打包有云端打包和本地打包两种,...
  • 一、android 云打包生成证书 1、jdk和jre安装,配置环境 2、在 C:\Users\Administrator\.android 文件夹下执行:keytool -genkey -alias 别名 -keyalg RSA -keypass 秘钥库口令 -validity 36500 -keystore 证书...
  • HBilder打包app

    2018-05-04 10:55:44
    该软件既可以支持web代码编写,也可以将已经编写好的项目代码打包为手机APP。HBuilder提供的打包有云端打包和本地打包两种,云端打包的特点是DCloud官方配置好了原生的打包环境,可以把HTML等文件编译为原生安装包。...
  • hubilder打包app

    2018-07-26 13:45:50
    该软件既可以支持web代码编写,也可以将已经编写好的项目代码打包为手机APP。 HBuilder提供的打包有云端打包和本地打包两种,云端打包的特点是DCloud官方配置好了原生的打包环境,可以把HTML等文件编译为原生安装包...
  • HBuilder打包App教程

    2021-01-15 01:27:16
    HBuilder打包App教程 HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。该软件既可以支持web代码编写,也可以将已经编写好的项目代码打包为手机APP。 HBuilder提供的打包有云端打包和本地打包两种,...
  • 将H5站点打包app完美攻略

    万次阅读 2019-08-22 16:46:00
    本文介绍了基于HBuilderX,将自主开发的H5网站,使用云打包app的方法,以及打包app过程中,遇到的问题和解决方法。 在HBuilderX中开发的应用,或者第三方的h5应用,可以创建项目,提交到云端打包生成apk(Android...
  • uni-app云打包自有证书

    2020-11-12 16:09:45
    没弄过,这次遇到特别记录下 先下载安装jre ...最后输入y来确认 然后就成功了,百度时候说有的可能会报错什么的我倒没遇到 接着再hbulider里开始打包,选择自有证书,然后输入刚才设置的别证书别名跟秘钥,然后就ok 了
  • HBuilder打包App方法

    千次阅读 2017-12-07 09:42:02
    HBuilder打包App方法 HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。该软件既可以支持web代码编写,也可以将已经编写好的项目代码打包为手机APP。 HBuilder提供的打包有云端打包和本地打包两种...
  • 在ios平台,包名有它专有的名词:bundle ID.bundle ID可以翻译成包ID,也可以叫APP ID或者应用ID,他是每一个ios应用的全球唯一标识,只要bundle id不变,无论代码怎么改,图标和应用名称怎么换,ios系统就认为这是同一个...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 536
精华内容 214
关键字:

云打包app