热门关键字:
jquery > jquery教程 > jquery教程 > html5调用app分享功能示例(WebViewJavascriptBridge)

html5调用app分享功能示例(WebViewJavascriptBridge)

368
作者:管理员
发布时间:2021/5/7 17:37:03
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4665
  mui


  说明:希望你可以把官网内容通读一遍,这是以后开发的基础


  开始


  新建项目


  在首页点击新建移动App,如下:


  或者在项目管理器内右键新建,或者快捷键ctrl+n+a


  选择模版


  这里选择mui项目,会自动引入mui的js和css,如下:


  文件结构


  默认有以下几个文件夹:css,fonts,js,如下:


  简单开发


  header


  打开index.html后在body内输入mh后回车,如下:


  body


  同样输入mbo后回车


  list


  在mbody中添加一些列表


  最后的代码


  html>


  mui.init();


  待办事项1


  待办事项2


  调试(android为例)


  连接手机


  首先需要连接手机


  运行


  选择运行——手机运行——在xx设备上运行


  或者使用快捷键ctrl+r


  效果


  现在你就可以在手机上看效果了


  注意


  需要开启开发者模式


  打包


  dcloud证书打包


  选择发行——App打包——选择android以及dcloud公用证书,如下:


  参数配置


  可能有时候会提示参数配置错误,这是你需要打开项目下manifest.json文件,并去掉第三方插件,如下:


  等待


  返回上一步的发行打包,点击打包后会提示你已经到云端打包,你只需要等待了,


  一小会之后就打包好了,这时你就可以把apk拷贝到自己手机使用了,




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐