首页 > 老司机带带我,微信h5页面开发的流程?

老司机带带我,微信h5页面开发的流程?

入前端这行当有半年多了,一直在PC端行走,从未接触过移动端。现在业务需要部署移动端了,但是以前一点都没接触过,经验值0,求老司机多带带路,感谢!
1.微信h5页面是个什么东东?
2.安卓、IOS等APP内嵌的H5页面又是什么东东?

对于上面两种类型的页面,我的理解是:依然是做html页面,只不过要适配各种移动端。如果这样,那响应式布局是不是就能解决呢?比如Bootstrap

3.微信h5页面和APP内嵌的h5页面,两者在实际开发中都是个什么流程?

公司产品现在只有PC端,身边没有搞前端的,更没有移动端前端,也没有APP,所以对这块很陌生,希望过来人多指点指点,非常感谢!


h5页面只是在head viewport部分要特殊配置一下,做到能适配移动端,其他还是与其他html页面差不多,可以百度找一下,买一本书学一下,很快就学会了


那么我来说说第二个问题吧,在安卓和IOS中的H5。
首先,H5为移动端提供了很多api,比如媒体查询可以开发出自适应不同型号和尺寸的移动端界面。
当H5结合中间件产品Cordova(Cordova调用手机底层的api接口例如重力感应,收发信息,GPS等功能)后,并将H5+cordova放在安卓和苹果系统的SDK中打包成应用,变成为了跨平台的移动应用了。
实际上,还是用到了安卓和苹果系统内嵌的浏览器,相当于在应用中浏览H5编写的页面,cordova负责调用手机的原生功能。再将他们放到开发环境中打包,H5就能够开发跨平台应用了。


1、H5页面就是你理解的html,只是兼容移动端而已
2、内嵌H5大部分都是APP内嵌一个浏览器,比如微信就自带一个X5内核的浏览器,你用微信打开一个链接就是跑在微信自带浏览器上面
依然是做html页面,只不过要适配各种移动端。如果这样,那响应式布局是不是就能解决呢?比如Bootstrap
答:大部分是这样的,但是有一点比较特殊,如果你有调用微信JSSDK的话,其实你只要兼容移动端就可以了,在PC端大部分API是无效的,比如分享
3、不是很明白你说的APP内嵌H5页面是怎么样的,按照我的理解,我觉得这个跟你在PC端上面的开发没有什么本质上面的区别,只是换了一个浏览器、多了一些兼容性和接口的使用。


1、找模板
2、改模板

【热门文章】
【热门文章】