20年前网站流出简单使用量web服务器返回全HTML页面,用户的每个动作都要求从服务器上重加新HTML页面后期Ajax加入游戏,允许通过简单Jascript请求服务器动态更新网页碎片Google广泛使用axGmail系统简单脑吹时今日产品需求连理不理
PubNub强势云服务即时应用推送通知几行代码可扩展网络和移动应用并快速高度可扩缩实时通知解决方案
云化云端对端媒体管理解决方案自动化并精简媒体资产从上传到转换到多CDN交付的整个工作流
PubNub允许实时发送消息至多用户可订阅的通道云性图像上传可直接从访问者浏览器或移动应用中实现PubNub订阅消息也是如此
合并云服务,很容易搭建高端实时相片分享程序
流法相当直截了当 — — 使用云化允许用户向云上传尽可能多的图像,然后通过PubNub发送消息通知所有其他相关用户这些新上传图像
接收者可请求云化生成缩放原创图像版以匹配其专用设备并高效交付图像以获取最佳浏览经验
所有这些都可以在不复杂编码、复杂部署搭建或CPU加载的情况下完成可聚焦核心应用而云式和浦本处理所有媒体处理和通信通道
下图显示使用云式和普布努布基础分享网络应用实战演示试一试直接从浏览器上传图像到云形系统,选择简单图形效果应用它并使用PubNub消息与当前查看此页的所有其他用户分享照片运行时同时打开双桌面浏览器或移动设备所有查看者直接从浏览器订阅单PubNub通道并显示动态缩图和全尺寸图像,因为这些图像正由所有其他查看者上传
强健、高度可扩缩、高可用性高,特征丰富实时分享图片网站或应用,仅有几行代码酷吧
工作方式
开工优先嵌入文件输入字段域中包括服务器端生成签名授权使用云端jQuery插件从浏览器安全上传云端下Ruby代码嵌入签名输入字段更多细节见本文章.
Cl_image上传_tag (:photo_id,:resource_ty
上头:转换参数本示例应用进化变换后将图像存储云特定进化变换我们使用限制图像大小并加水印
即时演示中进化变换定义
{宽度:1200,高度:1200,作物:`限量'}{叠加:logos_watermark',宽度:0.7,标志:`相对性',不透明性:40,重度:Nordth,y:20}
并使用CSS和jQuery执行输入字段和拖累区定制样式以及上传进度栏源码)
二叉用户点击Share按钮时,Ajax请求中带照片标识符寄送服务器,服务器安全发布消息寄送PubNub共享通道
服务器端Ruby代码接收标识和附加消息细节并发布PubNub频道使用PubNubRuby库
preloaded = Cloudinary::PreloadedFile.new(params[:photo_id]) pubnub = Pubnub.new( :publish_key => PUBNUB_PUBLISH_KEY, :subscribe_key => PUBNUB_SUBSCRIBE_KEY ) pubnub.publish({ :channel => PUBNUB_CHANNEL, :message => { cloudinary_photo_id: preloaded.identifier, user: params[:user], message: params[:message], kind: params[:kind], time: Time.now.utc.iso8601 }, :callback => lambda { |x| $stderr.puts("Shared #{preloaded.public_id}: #{x}") } })
3级浏览器客户端代码使用 PubNubjascript库订阅PubNub频道新消息
varbunub = PUBNUB.iitObanub.订阅({c信道:PUBB_CHANNEL回调:show_Message});
接收消息时,它包括相片标识符,即上传云内图像的公共标识符avascript代码使用云性jQuery插件动态转换基于脸部检测缩略图通过CDN显示图片图像点击后显示原上传图像(带水印)。
函数显示_Message/message{var链接=$)attr('href', $.cloudinary.url(message.cloudinary_photo_id)).expliary.image(消息.cloudiany_photoid,{宽度:150,高度:100,作物:填充量,重力:脸部20)$('.stream').prepend($('').append(link))!}
jaavascript代码取出页面加载前发布的最新5条消息使用 PubNub历史支持完成
Openub.histicle/{{{service/message/this}}});
浏览现场演示源码注意博客文章中列出的几条代码线实际上几乎就是所有你需要的东西 来搭建自己的即时相片分享网站或应用
PubNub服务由开发者构建,开发者理解开发者应使用全功能可扩缩解决方案实时通知,而不是自创开发者应使用全功能可扩缩图像管理、变换和交付服务,
使用云服务快速构建复杂现代应用, 聚焦应用核心商业逻辑并停止担心媒体管理与通信渠道
你可以注册免费PubNubaccount和免费云式账号.
