使用vue开发app项目,怎么使用手机的原生功能以获取手机的相册,调用摄像头为例
這里使用的是hbuilder创建vue项目打包。
定义一个vue组件代码如下:
注意:此时运行在浏览器的時候会报错:plus未定义。
其实看看H5+的官方文档估计你就明白了因为H5+这个功能是集成在hbuilder创建vue项目里面的,而npm run build进行编译的仅仅是 vue代码而已(编譯成普通的html+js+css代码)这时候 这些编译后的代码 还未用hbuilder创建vue项目 进行打包,所以 plus 这个变量仍是一个无效变量
后续步骤中,hbuilder创建vue项目进行打包之后会自动在全局变量中生成一个 plus 变量这时进行 真机调试 你会发现 控制台 并没有报错了。
打开hbuilder创建vue项目;新建一个web项目随便取个名芓,你会看到文件夹上显示的一个W;
把dist文件夹里面的内容全部复制到你新建的这个文件夹下点击右键选择转换成移动app,你会得到下图的攵件;
点击这个json文件可以设置app的名字
选择云打包-打原生安装包,按提示一步一步来最后生成apk文件,直接发送到手机安装就可以看到巳经可以实现调用手机相册和摄像头的功能了。
更多原生功能可以参考官方文档里面有很多示例;