为什么HTML本地打开是空白,在Hbuilder打开是有内容的?

为什么HTML本地打开是空白,在Hbuilder打开是有内容的?,第1张

如果你编写的页面中用到了ajax请求,是不能在本地直接运行的,需要在服务器上运行才可以,直接运行会在控制台报错,你可以直接本地打开然后按 F12 打开控制台,可以看见报错信息(一般时跨域报错),在HBuilder打开有内容是因为HBuilder会自动创建一个本地服务器,所以可以看到内容,你看浏览器的地址栏就知道了,HBuilder应该是127001

在HBuilder中调用微信登录,需要使用微信开放平台提供的SDK,可以在HBuilder中使用微信官方提供的SDK,实现微信登录功能。具体步骤如下:
1 在HBuilder中新建一个项目,然后在项目中添加微信官方提供的SDK;
2 在项目中添加微信登录的相关代码,实现微信登录的功能;
3 在项目中添加微信登录的回调函数,实现微信登录的回调功能;
4 在项目中添加微信登录的相关配置,实现微信登录的配置功能;
5 在项目中添加微信登录的相关接口,实现微信登录的接口功能;
6 在项目中添加微信登录的相关UI,实现微信登录的UI功能;
7 在项目中添加微信登录的相关测试,实现微信登录的测试功能;
8 在项目中添加微信登录的相关发布,实现微信登录的发布功能。

html5+javascript,可以借助appscan、apicloud这种跨平台开发工具,可以同时开发多端。
使用HTML5+开发的移动App并非mobile web页面。这是新手最容易混淆的地方。mobile web的文件存放在web服务器上,而移动App的文件存放在手机本地,编写移动App的html、js、css文件被打包到ipa或apk等原生安装包,在手机客户端运行。
用个更形象的列子,web app仍然是b/s结构,而移动App是c/s结构甚至是完全脱线的单机应用。
这或许有点超过一些人的想象,他们认为HTML就是web、就是b/s,事实上javascript早已可通过nodejs等技术运行在服务器侧,而在HBuilder的移动App里,HTML、JS等文件也可以被打包成原生安装包。
当然这些移动App里某些页面也可以继续从服务器端以网页方式下行,就像任何原生应用(如微信)都可以内嵌网页一样。
所以mobile web,在HBuilder里新建项目时,属于web项目。不要放置到移动App项目下。mobile web项目也不能真机联调和打包。
智游教育:举几个例子说明mobile web和移动App的区别。
例1:把一个mobile web项目,打包成移动App。
1 在HBuilder里新建一个web项目,把mobile web代码放进去。
2 在HBuilder里新建移动App
3 在新建的移动App下找到manifestjson,将其中的入口页面配置为mobile web的网络地址。
4 然后点发行打包,就得到一个移动App的安装包。除了有个安装包和桌面有个快捷方式外,与浏览器的体验不会有其他区别。
5 不过注意,这样的移动App体验很差,它在页面跳转时会像浏览器那样切换并且白屏,它完全无法脱线使用,没有网络时点开这个app只能看到一片白板。这样的app在Apple的Appstore审核时是无法通过的,其他大的安卓市场也不会允许发行。
例子2:正规的移动App
1 在HBuilder里新建移动App项目
2 在移动App里编写html、Js、css文件,本地js通过ajax方式请求服务器数据,通过plusnet对象避开跨域限制
3 移动App里的js可以通过plus对象调用手机原生能力
4 编写好的移动App点打包变成安装包,这才是一个体验良好的、可上线的移动App。

自己node搭建一个小型服务器,
或者现在很多ide都集成了自己的小服务器,
比如brackets,hbuilder,webstorm都可以的啊
你用的是nodepad++或者sublime


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13401077.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-29
下一篇 2023-07-29

发表评论

登录后才能评论

评论列表(0条)

保存