Sencha+cordova 构造 华丽手机程序，并讲讲，在商用项目中经常用到的cordova插件（二）...

最新推荐文章于 2024-07-14 15:37:30 发布
最新推荐文章于 2024-07-14 15:37:30 发布
阅读量185 收藏
点赞数
文章标签： 网络 git php
原文链接：http://www.cnblogs.com/tigerleq/p/6757313.html
版权

先讲讲 用到的 cordova插件

 

cordova plugin add cordova-plugin-device cordova plugin add cordova-plugin-network-information cordova plugin add cordova-plugin-contacts //联系人

cordova plugin add D:\JobSourceCode\Mobile\Cordova-sqlite-storage-core-master // sqlite（这样使用是因为 网上的 sqlite 插件 有问题，自己 稍做修改）

dialog cordova plugin add cordova-plugin-vibration  //震动

cordova plugin add cordova-plugin-file-transfer  //文件传输

cordova plugin add cordova-plugin-camera //摄像头

//cordova plugin rm org.cordova-plugin-console

cordova plugin add https://github.com/katzer/cordova-plugin-local-notifications //消息提示

cordova plugin add https://github.com/cordova-sms/cordova-sms-plugin.git //短信插件

//qq使用插件

cordova plugin add cordova-plugin-qqsdk --variable QQ_APP_ID=******

或者 cordova plugin add https://github.com/iVanPan/Cordova_QQ.git --variable QQ_APP_ID=******

或者 cordova plugin add D:\JobSourceCode\Mobile\Cordova_QQ-master\Cordova_QQ-master --variable QQ_APP_ID=******

 

cordova plugin add cordova-plugin-dialogs //消息提示,

cordova plugin add cordova-plugin-websocket //andori websocket（主要用户 用户之间 消息推送）

服务端采用 c# websocket

 

 

var UB_NotifySeverReciveMsg = {ReciveUserId:null,ReviceMsg:null,LoginUser:null,SourceType:"phone",NotifyFlag:null};
//var ReciveMsg = {Title:null,Text:null,AliasName:null,JsonStrData:null};
var UB_WEB_SOCKET = {_SERVER_URL:"ws://admin.uchengjiaoyi.com",
                     _WEB_SOCKET:null,
                     _CONECT_LOSE_NUM:0,
                     _PORT:8000,
                     IsRegisted:false,
                     Init:function(){
                         var me = this;
                         Ext.data.JsonP.request({
                             url: str_host + "/hd/hdAppSet.ashx?DoType=StartWebSocket",
                             params:{JsonType:"JsonP"},
                             method:'POST',
                             success: function(reinfo, opts) {
                                 if(reinfo.success){
                                     me._PORT = reinfo.otherData;
                                     //alert(me._PORT);
                                     me._INIT_NEW(me._PORT);
                                 }
                                 else{
                                     Ext.Msg.alert('信息提示！', reinfo.msg);
                                 }
                             },
                             failure: function(result) {
                                 me._INIT_NEW(me._PORT);
                             }

                         });
                     },
                     _INIT_NEW:function(port){
                         var me = this;
                         me._SERVER_URL = "ws://localhost";
                         if(me._WEB_SOCKET === null || me._WEB_SOCKET.readyState !== 1)
                         {
                             var websocket = new WebSocket(me._SERVER_URL + ":"+ port +"/Notifly");
                             me._WEB_SOCKET = websocket;
                             websocket.onopen = function (e) {
                                 //处理连接上服务器
                                 //onOpen(e);
                                 me._CONECT_LOSE_NUM = 0;
                                 me.RegistUser();
                                 var notify_msg = me._NOTIFY_SHEET_SHOW("连接消息服务器成功！");
                                 setTimeout(function(){
                                     notify_msg.hide();
                                 },1000);
                             };

                             websocket.onmessage = function (e) {
                                 //处理获得的消息
                                 //onMessage(e);
                                 var clilent_recive_msg = Ext.decode(e.data);
                                 if(clilent_recive_msg.DoType == "ReciveMsg"){
                                     //接收消息
                                     me._RECIVE_USERT_MSGS(clilent_recive_msg.ReciveData);
                                 }
                                 else if(clilent_recive_msg.DoType == "ReciveAction"){
                                     //接收处理动作
                                     me._RECIVE_ACTION_MSGS(clilent_recive_msg.ReciveData);
                                 }
                             };

                             websocket.onerror = function (e) {
                                 //错误处理

                                 if(me._WEB_SOCKET.readyState === 1)
                                 {
                                     var notify_msg = me._NOTIFY_SHEET_SHOW("消息通道错误!");
                                     setTimeout(function(){
                                         notify_msg.hide();
                                     },1000);
                                 }
                             };

                             websocket.onclose = function (e) {
                                 //关闭连接处理
                                 me._CONECT_LOSE_NUM++;
                                 me.IsRegisted = false;
                                 if(me._CONECT_LOSE_NUM > 3){
                                     me._NOTIFY_SHEET_SHOW("与消息服务器连接关闭!");
                                 }
                                 else{
                                     setTimeout(function(){
                                         me.Init();},3000);
                                 }
                             };
                         }
                     },
                     _SEND_MSG:function(json_str){
                         var me = this;
                         me._WEB_SOCKET.send(json_str);
                     },
                     _SEND_MSG_SEVER:function(notifySeverReciveMsg){
                         var me = this;
                         //数据签名
                         notifySeverReciveMsg.LoginUser = LoginInfo;                         
                         var json_str = Ext.encode(notifySeverReciveMsg);
                         me._SEND_MSG(json_str);

                     },
                     _NOTIFY_SHEET_SHOW:function(msg){
                         var notify_msg = GetTC("MyAllMsgNotify");
                         var text_label = notify_msg.down("label[tag=websocket_msg]");
                         text_label.setHtml("<font color=red  size=1>"+ msg +"</font>");
                         notify_msg.show();  
                         return notify_msg;
                     },
                     //接受到服务器的用户消息
                     _RECIVE_USERT_MSGS:function(msgs){
                         var me = this;
                         for(var i = 0 ;i < msgs.length;i++){
                             var msg = msgs[i];

                             //保存到本地数据库
                             var sql = "insert into MY_MSG([ID],[TITLE],[MSG],[ALIAS_NAME],[JSON_DATA],"+
                                 "[SEND_TIME],[FLAG],"+
                                 "[HEAD_PATH],"+
                                 "[USER_NAME],[USER_ID])";
                             sql += "values(?,?,?,?,?,?,?,?,?,?)";

                             ubdb.executeSql(sql,[msg.MsgID,msg.Title,msg.Text,msg.AliasName,msg.JsonStrData,
                                                  msg.SendDate,'1',
                                                  ((msg.SendUserHeadPath === null || msg.SendUserHeadPath === "" || msg.SendUserHeadPath === "null") ? "resources/images/userCenter_pic1.jpg":(str_host+msg.SendUserHeadPath)),
                                                  msg.SendUserName,LoginInfo.FUCK_ID]);
                             if (!Ext.os.is.Windows) {
                                 //本地推送
                                 setTimeout(function(){
                                     navigator.notification.vibrate(1000);
                                     cordova.plugins.notification.local.schedule({
                                         id: msg.MsgID,
                                         title: msg.Title,
                                         text: msg.Text,
                                         // firstAt: monday_9_am,
                                         //every: "week",
                                         //icon: "http://www.easyicon.net/api/resizeApi.php?id=1184312&size=32",
                                         data: {aliasName:msg.AliasName,msgID:msg.MsgID,jsonData: (msg.JsonStrData && msg.JsonStrData !== "" && msg.JsonStrData !== "null") ? Ext.decode(msg.JsonStrData):""}
                                     });

                                 },i*4000);
                             }

                         }
                         if(msgs.length > 0){
                             me.ReflashLocalMsg();
                         }
                     },
                     //接收到服务器的一些操作
                     _RECIVE_ACTION_MSGS:function(action){
                         var me = this;
                         //接收到服务器端发回的成功登录
                         if(action.ActionType =="NotifyLogined")
                         {
                             me.IsRegisted = true;
                             //alert("收到服务返回登录成功消息!");
                         }
                     },
                     //刷新本地 消息列表
                     ReflashLocalMsg: function (){
                         var me = this;
                         if(LoginInfo && current_window_name === "MyAllMsg"){
                             var component = GetTC("MyAllMsg");
                             var str_sql = "SELECT [ID],[TITLE],[MSG],[ALIAS_NAME],[JSON_DATA],"+
                                 "[SEND_TIME],[FLAG],[HEAD_PATH],[USER_NAME],"+
                                 "[USER_ID] FROM MY_MSG WHERE USER_ID = " + LoginInfo.FUCK_ID +
                                 " ORDER BY ID DESC";
                             ubdb.executeSql(str_sql,
                                             [],
                                             function(dt){
                                                 var store = component.down("list").getStore();
                                                 store.setData(dt.rows);
                                             });

                         }
                         me.LoadMsgNum();
                     },
                     //主界面气泡显示
                     LoadMsgNum:function(){
                         if(current_window_name === "Main" ||current_window_name === "MyAllMsg" || current_window_name === "MyFriend"|| current_window_name === "MyHelp"){        
                             ubdb.query("select count(0) as NUM from MY_MSG WHERE FLAG = '1' AND USER_ID = " + LoginInfo.FUCK_ID,[],function(data){    
                                 var img_msg_num = current_window.down("image[tag='img_msg_num']");
                                 if(data.rows.length>0 && data.rows[0].NUM > 0){                
                                     img_msg_num.setHtml('<div style=" border:0px;width:20px;  background-position:bottom; vertical-align:bottom; height:21px; color:White; background-image:url(\'resources/images/ball_red_24px.png\');">'+
                                                         data.rows[0].NUM +'</div>');
                                 }
                                 else{
                                     img_msg_num.setHtml("");
                                 }
                             });
                         }
                     },
                     //从客户端向一个用户发送消息
                     SendUserMsg:function(reciveUserId,reviceMsg){
                         if(me._WEB_SOCKET !== null && me._WEB_SOCKET.readyState === 1)
                         {
                             var me = this;
                             var notifySeverReciveMsg = Ext.extend(UB_NotifySeverReciveMsg,{});
                             notifySeverReciveMsg.ReviceMsg = reviceMsg;
                             notifySeverReciveMsg.ReciveUserId = reciveUserId;

                             notifySeverReciveMsg.NotifyFlag = "pushMsg";
                             notifySeverReciveMsg.SourceTyoe = "phone";
                             me._SEND_MSG_SEVER(notifySeverReciveMsg);
                             return true;
                         }
                         else{
                             return false;
                         }
                     },
                     //登录后,注册用户，以便接收特定消息
                     RegistUser:function(){
                         var me = this;
                         if(me._WEB_SOCKET !== null && me._WEB_SOCKET.readyState === 1 && me.IsRegisted === false)
                         {
                             var notifySeverReciveMsg = UB_NotifySeverReciveMsg;
                             notifySeverReciveMsg.ReviceMsg = null;
                             notifySeverReciveMsg.ReciveUserId = -999;

                             notifySeverReciveMsg.NotifyFlag = "registPhone";
                             notifySeverReciveMsg.SourceTyoe = "phone";
                             me._SEND_MSG_SEVER(notifySeverReciveMsg);
                         }
                     },
                     DoMyMsg:function (msg_id){
                         Ext.data.JsonP.request({
                             url: str_host + "/hd/sys_manage.ashx?DoType=DoMsg",
                             params:{MsgId:msg_id,JsonType:"JsonP"},
                             method:'POST',
                             success: function(reinfo, opts) {
                                 if(!reinfo.success){
                                     Ext.Msg.alert('信息提示！', reinfo.msg);
                                 }
                             },
                             failure: function(result) {
                                 Ext.Msg.alert("处理我的信息失败！");
                             }
                         });
                     }
                    };

 

转载于:https://www.cnblogs.com/tigerleq/p/6757313.html

weixin_30435261
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用sencha touch来开发跨平台app项目
MarkBoo的专栏
01-14 809
使用sencha touch来开发跨平台app项目，通过使用Cordova来将sencha touch的js框架融合至移动开发中，低成本、快速开发移动应用，无需掌握多种语言和环境。
MAC OS 配置Sencha Touch +Cordova 开发环境
06-13
现在，我们可以在创建的 Cordova 项目中添加 Sencha Touch 应用。首先，将 Sencha Touch 项目的 `app` 目录复制到刚创建的 Cordova 项目的 `www` 目录下，替换原有内容。然后，编辑 Cordova 项目的 `config.xml` ...
cordova整合sencha touch创建APP项目，以及Android Studio项目导入和打包
jovi_zhao的博客
10-08 563
-------------------目录结构-------------------------------------------         \app                                                            总目录         \app\cordova\platforms\android                cor...
sencha touch 集成了cordova以后需要注意的问题
pinkdoremi的专栏
06-18 1070
1. cordova 打包的时候会漏掉一些本地的文件，dao'zh
用sencha touch+cordova（phoneGap）开发APP（一）——第一个界面
空気力学少女の诗
03-01 1528
这次开发的项目是用于商业目的，要求比以前高了不少 以前从没接触过跨平台的app开发，尝试了不少的技术，比如之前的xamarin（c#），但是收费的用起来还是各种不方便（强烈吐槽微软） sencha touch不再赘述 下面是程序截图（adt环境）： 由于是第一个项目，里面真正起作用的是app.js和index.html， phonegap文件夹和sencha文件夹以及res下面的xml
Sencha Touch 2.3 + Cordova 3 环境搭建
在路上
06-02 2595
222
Sencha+cordova 构造 华丽手机程序，并讲讲，在商用项目中经常用到的cordova插件（一）...
weixin_30838873的博客
04-24 57
采用Sencha Architect 3 ，编辑设计，我只想说一个结论，jq能搞的 Sencha touch也能做到（只是 设计思路 更面向对象，学习知识量大点而已 ，不理解 MVC 就不用选了），而且是可视的，开发效率和执行效率 ，不是jq能比的！ 一、先看看前台 编程界面 　　 转载于:https://www.cnblogs.com/ti...
sencha-touch + cordova(PhoneGap)使用adt-eclipse打包实例
06-23
Sencha Touch 和 Cordova（PhoneGap）是两个在移动应用开发中广泛使用的框架。Sencha Touch 是一个专门用于创建触屏设备上的富交互应用的JavaScript库，提供了丰富的UI组件和强大的数据管理功能。Cordova（PhoneGap...
WINDOWS平台SenchaTouch+Cordova开发环境配置
06-13
这里详细介绍了windows平台下的Sencha touch +Cordova 开发过程中的环境配置。大家可以下载查看。
SenchaCmd-6.0.0.202-windows-64bit.exe
12-19
ExtJS也有自己的打包工具 SenchaCmd，它用来生成构建ExtJS前端组织架构，最后打包发布生产，操控着前端整个开发生命周期，SenchaCmd依赖于JDK，所以要先安装JDK文件 ，安装步骤自行百度.
demo-sencha-cordova-app-icons:Sencha Touch 和 Cordova 应用程序展示了如何添加图标并将它们复制到 iOS Xcode 项目
06-01
向 Sencha 和 Cordova 应用程序添加图标 它似乎没有记录在任何地方，但在谷歌搜索手指疼痛和大量反复试验之后，我给你带来了...... ...如何可靠地将图标从 Sencha Touch 复制到 Cordova 应用程序 免责声明： 这可能...
Sencha 6.2 modern环境搭建过程（Windows环境）
xqq580231的博客
09-25 1709
1、安装NodeJS （http://nodejs.org/download/）安装node.js是为了使用npm命令 参考配置: D:\Program Files\nodejs\ 2、安装Ruby （http://rubyinstaller.org/downloads/archives）主要用来做js以及css的压缩 3、安装ruby时要勾选将添加到p
从零开始做题：logtime
weixin_44626085的博客
07-10 249
给出1个pcapng文件。
vue2 实现原生 WebSocket
weixin_38797742的博客
07-11 294
原生WebSocket： new WebSocket。
Mac虚拟机跑Windows流畅吗 Mac虚拟机连不上网络怎么解决 mac虚拟机网速慢怎么解决
2401_82916694的博客
07-10 658
选择Shared模式，你的Mac会当作虚拟机的路由器。一般来说，拥有更高性能的Cpu（如Apple M2或M3芯片）、更大的内存（建议16GB以上）、以及足够的存储空间可以显著提升虚拟机中Windows的运行流畅度。Mac的防火墙或其他安全设置可能阻止虚拟机访问网络，如果你的Mac主机可以访问网络，并且排查了上文介绍的情况，那么可以尝试关闭Mac电脑防火墙，再检查虚拟机是否可以连接网络。使用Mac虚拟机运行Windows是否流畅，取决于几个关键因素：硬件配置、虚拟机软件的选择以及虚拟机的设置。
hmallox勒索病毒科普：了解其威胁与防御策略
最新发布
safe130_的博客
07-14 462
halo，.360，.faust，.2700, .eking，elbie, .wis，.mkp，.malox，.rmallox，.mallox，.hmallox, .anony, .ma1x0，.live，.carver，.locked，_locked，.locked1，.svh , lockbit, .src, .secret , .datah, .BEAST,.DevicData-P, .kat6.l6st6r 等等，：用户从非官方或不受信任的源下载软件时，可能会无意中安装带有勒索病毒的软件包。
【观成科技】Websocket协议代理隧道加密流量分析与检测
GCKJ_0824的博客
07-10 988
Websocket中的掩码加密使用异或（xor）做简单的加密，当MASK字段对应位被设置为 1 时表示加密，那么后续会设置4字节的Masking-key，Mask位设置为 0 时表示不加密，则不会携带Masking-key。观成科技的安全团队通过研究Websocket协议本身结构特点，并与对应的工具流量相结合，从而提出行之有效的检测方法应用于产品当中，能在Websocket流量中准确发现异常，找出相关隧道的搭建和使用痕迹，保障客户网络的安全。Websocket协议代理工具加密流量检测。
访问控制的定义与原理
SafePloy_SH的博客
07-11 318
访问控制(Access Control)是一种重要的安全机制，用于限制对程序中的数据、函数、类以及计算机系统中资源(如文件、数据库、网络设备等)的访问权限。其主要目的是保护系统中的敏感信息和资源，防止未经授权的访问和操作，确保系统的安全性、完整性和可靠性。综上所述，访问控制是保障系统安全的重要手段之一，它通过限制用户对资源的访问权限来防止未经授权的访问和操作。允许用户对自身所创建的访问对象(如文件、数据表等)进行访问，并可将对这些对象的访问权授予其他用户或收回其访问权限。
ext-7.0.0.156.zip
06-20
开发人员可以下载这个软件包，并将其集成到他们的项目中。这个软件包具有以下功能： 1. 提供了一些常用的 UI 组件，例如按钮、表格、面板和表单等。 2. 包含了一些强大的工具，例如 Grid 和 Chart 工具，可以帮助...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值