当前位置: 主页 > 互联网头条 >

微信手机客户端网站建设

现在做手机网站开发是一种趋势吗?

img

卜连虎

关注

  移动互联网还没有如今这么受欢迎的时候,大多企业重视的是自己的传统网站或是电商网站。这些平台成为企业在互联网时代的一个重要营销渠道。而当移动端越发得到消费者的喜爱,移动互联网成为未来发展趋势时,企业便开始着手手机网站的开发和建设。重庆捷路科技从事开发多年,在手机网站开发这块取得了巨大的突破,手机网站开发已经顺应企业发展需求。

  移动端的网站更方便用户

  尽管智能手机用户一样的可以浏览传统网站的内容,但是与专门使用手机阅读的手机网站来说,用户体验相差甚远。很多时候,用户打开PC端的网页,会出现乱码,内容加载慢甚至图片加载不出来等不良体验。手机网站的建设能很好解决上面提到的问题,而且还有可能提高加载速度,为用户节省流量。如此一来,手机网站可以让用户较有耐心地阅读企业的相关接受、产品展示等内容,有利于用户的转化。

  手机网站有利于互动

  粉丝经济盛行的当下,企业需要注重粉丝用户群体的积累和互动。同行间的竞争激烈,同质化的产品也逐渐增多。想要提高用户的粘度以及忠诚度,企业的网站需要方便用户使用的同时还要能够实现良好的互动。相比PC端网站,手机网站可以单独发展出一个交流互动的平台,并且可以结合微博微信等平台,对用户的互动以及体验大有益处。

  手机网站开发节约成本

  关键的是,手机网站开发的成本并不是很高。与其开发一个功能复杂,需要用户下载才能使用的企业app,还不如在经营传统网站的同时多花几万元来建设一个手机网站,打造移动端营销平台,拓宽渠道。创业讲风口和先机,企业不仅要完善传统的网站,还要放眼未来,着手建设手机网站。

免责声明:内容来源于网络,本站不保证所有内容的完整性、真实性和准确性,如有侵权请及时联系QQ(173007208),我们核对情况属实,对该内容进行下架删除。

从0开始搭建微信小程序(前后端)的全过程

img

杂酱面

关注

前言 有段时间比较闲就尝试着做了一个微信小程序,一是为了锻炼自己独立部署一个前后端全链路系统的能力,二是想做一个自己都想用的小程序出来。方向是让用户可以集中获取优质的电影、音乐、书籍、游戏等信息的推荐,那什么是优质的信息呢?我这里假设的是排行榜里越靠前的信息就越是优质的信息,于是就做了一个这几类信息的排行榜小程序,当然排行的信息不是我随便瞎编的,数据来源主要是豆瓣以及其他一些排行网站,希望排行数据是权威和客观的,能最大化的减少用户获取优质资源的成本。 下面讲解的可能不会太详细,毕竟想呈现的是一个全过程,弄一个非常详细的图文教程反而显得有些冗长,有些详细操作过程需要读者自己去参照相关文档,有些文档链接也会给出。OK,准备好了吗?一起开始这趟快乐的旅程吧。 准备工作 工欲善其事,必先利其器。要做的事明确了,那怎么做呢?需要准备什么呢? 下面我将我涉及到的以等式的形式罗列出来:

前端 1. 注册微信小程序账号 进入:微信公众平台, 选择小程序的账号类型按照流程进行注册。注意每个邮箱只能注册一个账号。 2. 下载开发工具 有了账号后,我们就可以使用这个账号进行开发了,开发用的IDE是腾讯出品的微信开发者工具,进入:小程序开发工具,下载对应的版本安装即可。 3. 开始进入小程序前端开发 打开刚下载好的微信开发者工具,扫码登录、创建小程序项目。登录微信公众号平台,在开发->开发设置->开发者ID中找到你小程序的AppID并填入到项目设置里。

接着开始真正具体页面的开发了,开发过程参考开发文档:微信小程序接入指南 4. 前端开发过程 小程序前端开发其实就是在腾讯的开发工具里,使用js语言,遵循腾讯小程序的开发文档规范进行代码编写。开发过程中可以编译、预览、真机调试等,可以使用各种插件,可以调用一些公共的api或者自己定义的后端接口,也可以使用腾讯提供的云函数。 调用的后端接口需要是https开头的,并且需要在微信公众平台的开发->开发设置->服务器域名里配置好。 5. 打包上线 开发完成后就可以准备上线了,首先在开发者工具里将写好的代码上传,点击上传,定义版本号和注释,再到微信公众平台的版本管理提交审核,待审核通过了就表示上线成功了,就可以在微信中搜索到你的小程序进行访问了。

小结 到这里,前端的工作就算是完成了,其实一般如果不涉及复杂数据处理的话,后端不是必需的,直接所有简单数据都存放在前端就行了。如果你的小程序是这样的话,那本文到这里就可以结束了。后面的你也不需要看了。如果你需要更灵活的交互,更复杂的逻辑,那后端接口则必不可少了。那更复杂的后端数据接口又是怎么完成的呢,跟着我继续往下走你就知道了。 后端 后端主要是提供给小程序数据接口,让小程序各个页面都能有排行榜数据展示,这里我提供的是http接口,返回的Json格式的字符串。使用的语言是Java,使用的框架是SpringBoot,将最终的java代码打包成war包部署在云主机上的web服务器Tomcat中,Tomcat就可以自动的将通过url过来的请求分发到我的程序代码的处理逻辑中,处理完请求拿到相应的数据则以Json字符串的格式返回。 主要流程如下图:

服务器搭建 1. 购买云服务器 首先要存放后端程序代码,需要一台机器,自己的电脑虽然也可以,但是自己的电脑可不能保证24小时都开机且让外网能访问到,所以需要购买一台云服务器;其次,外网能访问到意味着需要一个公网IP,购买的云服务器会配套一个对应的IP地址。这里我使用的是腾讯云服务器,进入官网购买:腾讯云,选择服务器的配置,付款即可。 基于经费预算以及实际需要(其实还是因为舍不得花钱)的考虑,我这里选择的是比较低配的机器:

2. 购买域名 域名是用来映射到IP上,便于直接使用域名访问其绑定IP所在的服务器。虽然直接用IP和端口的形式也可以访问到我们购买的云服务器,但是一来IP不好记,二来微信不允许使用IP加端口形式的url。所以只能“慷慨解囊”购买一个域名了。 域名可以在任意域名服务商购买,我为了方便也是直接在腾讯云上买的,购买链接:域名注册

3. 域名解析 买好了域名,那这个域名怎么用呢,不和IP配套使用的域名是没有任何意义的域名。这里我们需要将这个域名或者其子域名绑定在我们需要对外提供服务的服务器所对应的IP上,也就是我刚刚购买的云服务器的IP上。 在腾讯云后台的云解析里,点击你的域名添加记录,一般主要是添加A记录,也就是将域名绑定到IPv4地址上,可以添加多条,以主机记录区分各级的域名,@表示直接使用二级域名http://xxx.com,其他的则表示使用三级或更多级的域名,挂在你自己二级域名以下的多级域名都归你管。

4. 域名备案 为什么要域名备案呢?这个,普天之下莫非王土,互联网这块一亩三分地自然也是属于国家的,不能随随便便让你接入服务。要想在这块地开垦拓荒,不是不可以,只是需要向国家报备,接受监管。 整个小程序的搭建过程,域名备案花的时间是最长的,花了十几二十天。进入备案页面:备案管理开始备案,详细的我就不多说了, 备案过程详情参考:网站备案 主要流程包括下面几个: (1) 办理幕布拍照 (2) 验证备案信息 (3) 填写主体信息 (4) 填写网站信息 (5) 上传材料 (6) 确认备案信息,提交初审 (7) 通过审核,完成备案 5. 购买SSL证书 为什么需要SSL证书呢?因为配置了SSL证书后可以让我们的url以https开头,这是微信小程序中要求的域名访问方式,以加密传输的方式更加安全。 说是购买,其实你可以选择免费的证书“购买”,一样可以达到目的,只是没有付费的加密功能强,安全性自然弱了一等。不过这也阻拦不了我选择免费的,毕竟穷字当头。 进入购买页面:SSL证书, 选择你要购买的证书的配置,下单付钱即可,将证书下载下来,后续配置web服务器用得着。 小结 经过了前面5个大步骤,这时我们的服务器具备了使用https协议通过域名访问的能力。接下来的工作就剩下开发我们的后端接口以及把后端程序代码部署到这台服务器上供小程序访问。 后端程序开发 环境:

安装这些工具就不细讲了,网上一大堆教程,而且要是不懂后端开发的,安装了这一套环境也没用,这里姑且假设读者也是懂一定的后端开发知识。 下面列出最主要的一部分Java代码来说明后端程序是怎么提供的http接口:

上面这段代码,就是其中的两个接口,一个是通过公共API获取豆瓣top250电影信息,一个是通过爬虫数据获取的华语top100电影信息。可以看到SpringBoot使用RestController注解表明此类处理http请求,并在每个RequestMapping对应的方法上都返回json格式的数据。 RequestMapping注解的作用是为每个方法映射一个url。@RequestMapping注解可以作用在控制器类上,也可以作用在其下的某个方法上。当在类级别上添加@RequestMapping注解时,这个注解会应用到控制器的所有方法上。而方法上的@RequestMapping注解会对类级别上的@RequestMapping的声明进行补充。这就是上面最终的url是类加方法上的路径的原因,在本地测试的时候在浏览器里通过url:http://localhost:8080/movie/chinaTopMovie?start=0&limit=10就可以获取到返回的数据。 程序代码开发完成后,使用Maven构建项目并将代码打包成一个war包形式的文件,在target目录中可以找到该war包,后面会讲到这个war包的用途。 数据来源 排行榜数据是要具有一定的权威性,客观性的,所以当然不能我随便拿一些数据排列一下就成的,我自己又没有能力去统计这几类信息的相关排行,所以我就想到了拿来主义:从别人那里拿已经具备一定权威的数据。豆瓣有一些公共开源的api可以拿到我想要的部分数据,另外一些数据在其他各大排行榜网站上都有,但是没有现成的api把他们的数据提供给我,他们既然不给,那我只能自己去取了。 我使用Python写了一些爬虫软件定期的爬取特定的排行榜网站上的数据,用这些数据更新我本地的静态数据,这样我的Java程序就可以拿到相对新的数据了。这里其实我还可以做得更好,但为了快速的上线,我来不及使用数据库落地这些爬取来的数据,这样有个不好的结果就是,每次服务重启的时候,有一段时间的数据不是最新的。这在我的可接受范围内,后面有时间再去解决这个问题吧。 豆瓣的api示例:api.douban.com/v2/movie/to…,通过这个url可以批量分页的拿到top电影榜的数据。 python爬虫则使用的是urlopen,urllib.request.urlopen()函数是用于实现对目标url的访问,返回url对应的网页数据。再使用BeautifulSoup对网页数据进行解析,主要是遍历搜索文档树从而拿到自己想要的那部分数据。 部署后端程序 准备:

首先登录购买的那台云服务器,部署前先安装好环境,主要是安装JRE和Tomcat,安装好后还需要对Tomcat进行一番配置。 1. 安装环境

2. 配置Tomcat

3. 部署应用 将我们之前用Maven打包好的war包拷贝到安装Tomcat的webapps目录下,如我这里下图的位置:

这里也就是上图中wxrank.war文件,然后去Tomcat的bin文件夹下运行startup.bat启动tomcat,即可自动解压war包,并部署。 小结 为了方便,上面有些文件是在自己的电脑上下载好了,再通过FileZilla上传到云服务器上,我自己电脑和云服务器之间的其他文件传输也都是用的这个工具。 随着Tomcat的配置以及部署成功,我们的后端接口就可以通过url访问到了。 总结 虽然难度不大,但是整个过程确实还是挺繁琐的,之前只是大致知道怎么搭建,却并没有完整的实践过。整个流程完成下来,心中对于软件开发的全局观更加具体化了,这算是最大的收获吧。

免责声明:内容来源于网络,本站不保证所有内容的完整性、真实性和准确性,如有侵权请及时联系QQ(173007208),我们核对情况属实,对该内容进行下架删除。

从零搭建微信小程序开发者服务器

img

左之柔

关注

目前一站式搭建小程序开发者服务器的解决方案已经有很多了,比如:

为了更清楚小程序服务器端的来龙去脉,这里打算从无到有实现一套:

服务器的基础设施在之前已经写过文章了,分别有:

本次实践基于 CentOS、Nginx、PHP、MongoDB。

先看看小程序文档中定义的整个用户登录过程:

开发者服务器在这里充当的角色是接收客户端获取的临时登录凭证 code,通过它以及 AppID 和 AppSecret 与微信服务器进行通信,获取用户唯一用户标识 openid 和具备有效期的会话密钥 session_key。之后开发者服务器可以根据用户标识来生成自定义登录态,用于后续业务逻辑中前后端交互时识别用户身份。

在小程序中发送请求:

待续...

免责声明:内容来源于网络,本站不保证所有内容的完整性、真实性和准确性,如有侵权请及时联系QQ(173007208),我们核对情况属实,对该内容进行下架删除。

建设手机网站都需要注意那些事项?

img

粱开山

关注

谢谢邀请,欢迎关注 @鱼爪

第一,视觉效果很重要。再好的设计也需要考虑视觉化,人们都喜欢美得东西,不喜欢丑的东西;愿意静静中享受这种美的感觉,因此,视觉化元素都要体现出美好的东西,现在很多的移动端都会添加动画功能,或者是一种交互功能,就是给人在视觉上体现很多不同画面感和增加质量,给人在使用中慢慢减少障碍。

  第二,网站以简洁为主。一般来说,手机网站在用户下载和浏览时要比PC端网站的速度慢得多,页面东西太复杂,会耗掉用户等待网站加载的耐心,尤其是导航栏要简短清晰,能够快速地指引用户浏览网站的深层信息。对于网站内容来说,简洁突出重点就好,所谓的内容越丰富越好已不适用于手机网站了。

  第三,避免使用弹出窗口。无论是出于方便用户联系网站客服还是做些小广告的目的,都要尽可能避免弹出窗口的应用,手机网站本来加载速度就慢,再添加这些窗口,必然会影响用户体验,阻碍用户浏览网站的视线,进而占用用户流量,引起反感而放弃对网站的继续访问。另外搜索引擎对弹出窗口也是有严格要求的,所以能不用就不用。

  第四,手机网站图片要适配设置。从手机上浏览网站必然没有那么方便,操作也不如PC端灵活自如,前面也说到了使用网站设计技术可以解决网站适应屏幕的问题,网站图片也不例外,但为了用户能将页面使用图片的地方看得更加清晰,可采用整站缩放的模式,而不是用户点击单张图片的缩放模式。当然,手机网站能少用图片是好的。

  第五,网站操作简单化。关于新页面的打开方式,好采用当前页面显示的方式来设计,以免新窗口造成网站资源占用的负担,同时对于出现网站错误的现象好设置提醒,让用户快速找到页面出口进行跳转,而不是不断地进行返回操作。

  第六,交互式的互动行为。用户在移动客户端都喜欢进行留言,分享功能。特别是看到一篇很棒的帖子都会选择分享到朋友圈或者空间中,让朋友也参与里面。例如现在比较流行的做就是做微信公众号大咖们,往往一篇帖子都会造成几千人的持续浏览、点赞或者分享内容,粉丝喜欢中这种参与行为,因为这种圈子拉动粉丝在持续发酵中,用户慢慢都会舍不得离开。

  第七,登录界面的人性化。不管什么样的软件,在登录界面都要有自己的特色。为什么这样说,试想一下,如果用户下载这种软件,不管从各方面让用户等待很长时间,用户只有一个念头卸载,并且说这种软件太垃圾,再也不想提起。如果在用户等待过程中,出现一些特殊的界面,让用户在看界面中慢慢忘记等待时间。这样用户并不会出现反感,反而因为这种界面愿意等待一会。

  第八,手机网站也必须有文章更新板块。道理与PC网站一样,必须维持网站首页及内容更新才能够吸引搜索蜘蛛爬取网页,对网站排名也是有好处的。

免责声明:内容来源于网络,本站不保证所有内容的完整性、真实性和准确性,如有侵权请及时联系QQ(173007208),我们核对情况属实,对该内容进行下架删除。

微信平台微网站开发流程?

img

红颜殆

关注

  目前企业微网站开发模式主要应用的方式:

  1.微信其实是一个浏览器,只要你设计制作HTML5的手机页面,就可以通过微信直接访问,这样可以带给我们无限的想象空间。

  2.微信内置的地图定位,可以实现附近交通情况、查附件餐厅酒店等信息。

  3.可以用来做微信聊天机器人,这个需要很强大的语义识别技术,这个功能很多平台都已经实现。

  4.状态通知功能,如果用过DNSPOD微信的朋友应该知道,他有个状态通知功能,当网站DOWN机或帐号登录,都会自动向你通报。如果这个功能得到普及,以后网站认证不需要短信了。

  下面主要说说企业微网站开发模式教程:

  第一步:申请消息接口

  在公众平台网站的高级功能 – 开发模式页,点击“成为开发者”按钮,填写URL和Token,其中URL是开发者用来接收微信服务器数据的接口URL。Token可由开发者可以任意填写,用作生成签名。

  第二步:验证URL有效性

  开发者提交信息后,微信服务器将发送GET请求到填写的URL上,GET请求携带四个参数:

  开发者通过检验signature对请求进行校验。若确认此次GET请求来自微信服务器,请原样返回echostr参数内容,则接入生效,成为开发者成功,否则接入失败。

  第三步:成为开发者

  验证URL有效性成功后即接入生效,成为开发者。如果公众号类型为服务号,可以在公众平台网站中申请认证,认证成功的服务号将获得众多接口权限,以满足开发者需求。

免责声明:内容来源于网络,本站不保证所有内容的完整性、真实性和准确性,如有侵权请及时联系QQ(173007208),我们核对情况属实,对该内容进行下架删除。

微信有哪些鲜为人知的使用技巧?

img

符筮

关注

之前的回答突然好多人给我点赞,我必须拿出我的杀手锏来回报给我点赞的朋友们!再次更新一波微信惊为天人的鲜有人知的技巧!

即速应用美女小玲专门为大家拍摄了一段视频

之前的微信版本更新【6.6.7】大家被公众号文章的悬浮窗刷屏了(又是一个IOS才有,安卓没有的功能!掀桌(╯' - ')╯︵ ┻━┻ )

在这次版本更新中,还有一个隐藏的黑科技哦

那就是IOS用户可以使用“扫一扫”中的翻译功能翻译整页的文字了~

试着扫一扫呀~还是不错的~(没错,又是一个IOS有安卓无的技能了)

-------------------------------------好久不见的更新线--------------------------------------

我刚刚去苹果手机上试了一下...发现不行诶......

安卓的盆友还是可以用的

---------------------------------唉呀妈呀我是补充的分割线---------------------------------

也不知道这个技巧是不是鲜为人知,我来分享一下。

在微信里打开【拍照】的时候,你手机上的画面是这样的

不清晰,看起来像是打开了一个祖传照相机

但是,后来我发现,微信里也是可以调用手机自带相机的,用了以后是这样的。

高糊与高清之间只差一步

长按【相册】键即可调用手机自带相机啦。

so easy~

盆友再也不用害怕我的祖传高糊老照片了~

--------------------------------好久不见的更新线又来了------------------------------------

这次给大家带来的是如何利用微信微信建一个属于自己的群聊,然后提高工作和学习的效率。

一、首先介绍建群的两种方法:

① 点击微信右上角的“+”号,随便选择两个好友加入群聊,移除刚加入的两个好友,一个群聊就诞生了。(放心吧 ,只要不发消息, 那两个好友不会知道自己被拉进了群,又被移出了群的)

① 面对面建群:点击微信右上角“+”号,点击“添加朋友”,选择“面对面建群”,输入四个数字即可建成一个自有自己的微信群。

二、介绍一下这些群如何提高工作和学习效率

我们可以修改群名片,比如:

① 待阅读。我会放一些没看完的文章,抽空集中阅读。

② 公众号文章素材。我会将一些好的公众号文章发到这里,可以为我的公众号提供一些写作素材,适合新媒体人。

③ 某某项目研究。在进行项目研究的时候会通过公众号搜集信息,我会先集中在里面。

所以有了这些微信群,再也不需要什么文章到扔到「文件传输助手」里了。

PS:别忘把群聊保存到通讯录,以防手滑。

点赞过60,我再补充一个更冷门的微信使用技巧:)

免责声明:内容来源于网络,本站不保证所有内容的完整性、真实性和准确性,如有侵权请及时联系QQ(173007208),我们核对情况属实,对该内容进行下架删除。

网站建设、微信、app

img

妙旋

关注

广州立华云信息技术有限公司,成立于2015年5月,是广州立华财务顾问有限公司旗下全资子公司。 立华云集商标设计、品牌标识设计、网站建设、微信开发、域名注册、虚拟主机、网站托管、网络营销咨询等业务为一体,致力于为企业提供互联网相关服务与整体解决方案的高新技术企业。立华云信息技术有限公司专注于网站建设,已有多年的建站经验。我们提供专业的企业网站、商城网站、门户网站、手机网站等专业的商务网站策划、设计、建设、营销及托管服务。  立华云信息技术有限公司服务范围:网站建设、网站开发、微站/微平台开发、微信开发、APP开发、云主机代办、域名代办、网站备案、网站维护改版、SEO优化和竞价推广等。  立华云信息技术有限公司网站开发的优势:  1.为企业、政府、事业单位、集团公司、建设真正实用的网站。源代码自己团队开发,不抄袭,不复制,保证原创。高性能优化,深度SEO,符合W3C标准,兼容所有主流浏览器,并且在内部结构上做了深度的优化。  2.拥有实力强大的技术开发团队。拥有精通PHP、JSP 、.net、高水平flash动画等高端网站技术开发工程师。  3.DIV+CSS布局,内容与表现分离,提高浏览器解析速度;  4.MVC设计模式,程序易扩展、易生级、易维护;  5.OPP编程,降低程序得耦合性,提高网站的运行速度和性能;  6.独立后台,功能强大,视频教程指导,容易上手,简单易用。  7.完善的后期跟踪维护,贴心的售后服务,所有的E+产品(综合性各种网站)免费维护一年。  8.拥有经验丰富的网站运营部门。SEO、竞价推广(百度、搜狗、360),为用户真正解决后顾之忧。  用一流的网络技术提供一流的产品及服务,为企业提供专业、便捷、全面的服务。我们精益求精于网站建设,追求尽善尽美。  设计中心从前期网站策划到网站设计制作、数据库开发及网站正和调试发布,都有从事多年的专业网站设计师、网站开发工程师为您提供服务,如果网站规模比较大,我们将组建专门的项目小组,制定严格的项目进度表,由专人负责,以确保项目的保质保量的实施。  我们的优势体现在:  1.网站视觉设计规范的定制  系统、规范的设计是评价一个网站是否专业的重要标准之一。设计中心为您进行专业的网站设计基础上,订制一整套网站设计执行标准,包括网站规划、版式结构、文字标准、图片尺寸标准、层叠样式表单等等。  2.面向用户的功能流程设计  如何使网站的功能合理化、摒弃不合理的功能,使投资效益最大化,立华云会为您量身定做最适合您企业的网站功能。  3.对搜索引擎友好的网站结构和信息组织  设计中心非常重视网站的结构和信息组织,通过一系列优化手段让网站对搜索引擎友好,使得网页更有利于被全文搜索引擎收录,从而提高网站的自然排名。  4.规范化资料的提交  设计中心本着对客户负责的态度,在网站整个规划设计过程中会在不同阶段为您提交相应的工作成果文档,有些过程需要您的确认。  使命与责任:为企业提供先进动力,让互联网信息平台成为企业赚钱工具,努力打造最具影响力的企业信息化服务商!

免责声明:内容来源于网络,本站不保证所有内容的完整性、真实性和准确性,如有侵权请及时联系QQ(173007208),我们核对情况属实,对该内容进行下架删除。

请问为什么我建设的个人网站在微信或者qq上不能打开而在浏览器上能打开呢?

img

希未

关注

这个属于qq和微信的限制查你有没有备案,属于安全限定,简单讲就是防止一些恶意的链接在qq和微信中传播。

你说加上www无法访问,不知道你申请的是什么域名?确实没有备案是吧?

那估计是不行的

免责声明:内容来源于网络,本站不保证所有内容的完整性、真实性和准确性,如有侵权请及时联系QQ(173007208),我们核对情况属实,对该内容进行下架删除。

手机网站建设与微信网站建设的区别在哪里

img

之雅

关注

移动互联网在国内的发展,从网民的普通网络生活到企业网络营销都可以看到移动互联网的影子。

而在企业网络营销方面,手机网站与微信网站值得我们关注。很多企业表示正在着手或者即将打造移动互联网网络营销,所以我们需要对手机网站和微信网站有一个认识,那么下面万新街小程序制作公司圣辉友联就介绍一下它们之间有什么区别。

从网站建设这方面理解,手机网站主要是针对移动终端设备来说的,而微信网站主要是针对平台来说的(微信平台),而手机网站和微信网站的共同点就是在手机上可以运行,比PC端的网站打开速度快,浏览也更方便,是未来网络营销的重点发展方向。

什么是手机网站?

手机网站是wap网站,手机网站是针对手机浏览器的手机网站可以与PC网站用同一个域名这样用手机打开,可以自动识别到手机网站。

手机网站主要是WAP网站或者是一个手机上的客户端,能够便捷的在手机上展示企业的信息,可以提供多种功能包括新闻信息、即时通信、娱乐、阅读、搜索等功能,可以对企业进行良好的宣传。不过万新街小程序制作公司圣辉友联认为现在手机网站的表现力还是相对比较差,功能方面还需要完善。

什么是微信网站?

微信网站是针对微信,微信网站只是微信衍生出来,可以通过订阅号来制作微信网站。

微网站主要嫁接于微信平台上,通过扫描二维码关注企业公众平台就可以享受企业微网站提供的服务,如天气查询、快递查询等便民服务和企业产品信息展示、商城购买、会员打折积分等各类服务,相比于手机网站互动性更强,企业推送的每一条信息都会发送到用户手中。

另外,万新街小程序制作公司圣辉友联认为微网站的多功能在用户的维护上比普通的手机网站更加贴近用户,手机网站类似于PC网站的缩小版,而微网站则有自己的亮点,要知道在移动端用户的需求和PC端并不是完全相同的,用户更希望能得到实惠和方便,所以希望企业都可以建立自己的微网站进行企业宣传。

综合上述我们可以看出,无论手机网站和微信网站这两者之间的有什么不同或者相同点,移动互联网网络营销已经进入中国中小企业内部,把握好移动互联网流量将是未来企业网络营销的重点任务。

免责声明:内容来源于网络,本站不保证所有内容的完整性、真实性和准确性,如有侵权请及时联系QQ(173007208),我们核对情况属实,对该内容进行下架删除。

微信登录UnionID终极方案——小程序、网站、微信内嵌

img

喻幻天

关注

微信登录有多种方式:

从开发者的用户体验角度来说,一个公司只有一个开发者平台,一个管理员帐号即可,比如GitHub、Google、FB的开发者平台都是如此,里面可以开通各个产品线的API权限,多人协作靠组织权限管理。

而腾讯竟然有多个开放平台面向开发者提供服务,每个都要单独注册,尤其是微信公众平台之内的3个服务:服务号、订阅号、小程序 竟然要注册3个管理员账号……腾讯不是最擅长用户体验吗,开放平台为什么做的这么差?

那是因为腾讯只擅长“2C”的用户体验,而面向开发者的用户体验属于“ToB”,需要技术架构、权限管理,腾讯很不擅长,毕竟腾讯的技术已经全面落后了。参考腾讯老员工的深度分析:腾讯的技术建设是否处于落后同体量公司的状态? - 知乎

场景:网站使用了“微信扫码登录”,而分享到微信后内嵌打开,如果继续展示“微信扫码登录”,那只能长按识别二维码,是不允许的,会登录失败。

解决办法:开通“服务号”授权登录。

然后遇到了新问题:“网站扫码登录”和“服务号授权登录”拿到的用户ID竟然不一样,那就创建了两个用户。

从上面的后台可以看出,“网站”是在“微信开放平台”申请的,而“服务号”是在“微信公众平台”申请的,所以两边的用户登录数据是不通的,很坑!按照正常的技术水平,应该在一个地方申请,就像“App”和“网站”就是通的。

解决办法:把“服务号”绑定到“微信开放平台”,都使用UnionID来创建用户,而不要再用OpenID。请看腾讯公告:

绑定之后,服务号登录获得的用户数据如下:

对比网站登录的数据:

可以看到 unionid 相同,而 openid 不同。

还可以看出腾讯招了一些英语四级忘光的马大哈程序员,代码非常不规范,unionid 既不是驼峰也是下划线风格,导致 IDE 警告。

还可以看出腾讯的程序员在头像链接里使用了下划线,违反了 domain slug 规范,会导致一些问题(微博截图)。

还可以看出腾讯的头像链接竟然没有使用 HTTPS……手动改成 HTTPS 是能打开的,看来腾讯经过当初公众号文章被劫持插广告好几年之后,服务器普遍部署了 HTTPS,但由于技术管理不善,老接口没人敢动,一直还在用 HTTP。

PHP Laravel

微信小程序的登录更诡异,竟然不采用 OAuth 标准(隐式授权(Implicit) 或 Browser-Based),自己发明轮子造了一堆乱糟糟的接口。可以说小程序是腾讯技术最差时的产品,连京东都看不下去了……Look:《小程序开发效率提升神兽:京东Taro诞生记》

阅读官方文档《小程序登录》和《小程序 UnionID 机制说明》,可以看出小程序免授权登录时无法获得 UnionID,也就是说:访客打开小程序,就能获取 OpenID,如果这时后端就创建一个 user,那就坏了,之后用户授权拿到 UnionID,发现 网站/App 已经用它创建了 user,就会面临两个 user 无法合并的问题。

所以,正确的做法是:访客打开小程序,算作 session,而不是 user。就像电商网站不登录也可以加购物车一样。

小程序是JS应用,调远程接口,主流是用 HTTP Header token,无法像网站那样把 session ID 放在 Cookie 或 Query String 里,怎么办呢?

有两种办法:

显然是第2种好。开启 session use query string,调用接口时加上参数即可:

但这样和 token 机制不一致,而且不安全,不推荐:

经过试验发现,最优雅的方案是:使用 token,在 HTTP server 层面转成 Cookie: session ID,详细步骤请看:Apache change Cookie

apache config /etc/apache2/sites-enabled/000-default.conf

php /var/www/html/php.php

shell result

后续工作:

当然也是要把“微信公众平台”的“小程序”绑定到“微信开放平台”,才能获得 UnionID。

TODO

后续更新请看原文:https://sinkcup.github.io/wechat-login-union-id

免责声明:内容来源于网络,本站不保证所有内容的完整性、真实性和准确性,如有侵权请及时联系QQ(173007208),我们核对情况属实,对该内容进行下架删除。