uni

您所在的位置:网站首页 如何使用uniapp开发微信小程序 uni

uni

2023-07-26 09:48| 来源: 网络整理| 查看: 265

uni-app开发微信小程序

开发uni-app的技术条件就是微信小程序及Vue,不熟悉vue的同学要先学习了解一下。不熟悉小程序可以直接看uni文档。https://uniapp.dcloud.io/frame 其他博客: vue+element:https://blog.csdn.net/weixin_42618191/article/details/100586437 vue-element-admin:https://blog.csdn.net/weixin_42618191/article/details/102610157 vue常见/高级功能:https://blog.csdn.net/weixin_42618191/article/details/107487526 1. 开发工具调试

打开微信开发工具-–>设置—>安全—>开启服务端口(微信开发者工具最新版) 进入XHbuilder,点击工具—>设置,找到微信开发者工具安装目录,设置启动地址(安装插件:工具—>插件安装) (如果是开发支付宝小程序就需要自己打开生成的代码包,运行到支付宝开发者工具的时候编译平台会提示在哪个路径) 以上设置完成后就可在代码开发后点击运行,就能自主选择运行到哪端进行查看调试了。在编辑器中进行修改后不用重新运行,小程序开发者工具会自动更新,如果没有变化,点击重新运行即可: 在这里插入图片描述 详细流程介绍:https://uniapp.dcloud.io/quickstart

2. 开发项目配置

项目目录的manifest.json ,配置小程序AppID等。 项目目录的pages.json,配置页面路由(pages数组),配置应用的状态栏、导航条、标题、窗口背景色(globalStyle对象), 配置 tabBar 内容。这个开发过小程序的朋友来说是差不多的。不过uni-app的每个页面是没有自己对应json文件的,都在公共的page.json中设置。列如开启下拉刷新 在这里插入图片描述 官方文档有详细介绍:https://uniapp.dcloud.io/collocation/pages

3.公共文件

在components中建立公共的文件 common.js的代码地址:https://github.com/lady-mei/uni-app-common.js components 在main.js中引入公共文件或方法 在这里插入图片描述 4. 微信登录及获取用户信息

在公共的js文件中定义登录的方法在这里插入图片描述 获取用户信息进行解密的方法 在这里插入图片描述 在这里插入图片描述 其他方法后续添加。。。。。。 以上为个人开发项目的经验,有不对的或者更优方法的十分希望可以指点一二。谢谢!



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3