- 综合排序
- 最热优先
- 最新优先
- 来自专栏全栈程序员必看
uniapp如何打包h5(uniapp怎么打包成微信小程序)
uni-app在打包成h5时，默认是不支持直接打开的，因为打包出来是 （/xxx/xxx）这种格式，这点和vue-cli3.0是一致的，在用vue-cll3.0时打包我们会想到在vue.config中配置 publicPath,把它配置成（./），但是你在uni-app中是找不到这个文件的，其实在uni官网是有提到publPath，但是说的并不明确（https://uniapp.dcloud.io/collocation id=publicpath） 如果我们想打包成直接浏览的h5，我们需要配置manifest.json这个文件，在其中的h5配置中加入publicPath配置，配置如下： 代码为： "h5 但这种的话打包成小程序可能找不到图片，所以当正式使用时最好写成（../../xxx.png）的形式。 当采用src引用时需要写出相对路径即（../.. 发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/126864.html原文链接：https://javaforall.cn
2.6K20编辑于 2022-08-01 - 来自专栏前端之攻略
uniapp小程序目录
$mount() 如果在小程序开发工具中运行 pages.json { "easycom": { "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue" } , "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path": "pages
1.2K10发布于 2021-01-06 - 来自专栏喇叭的学堂
uniapp 配置小程序分包
分包可以减少小程序首次启动时的加载时间 分包页面（例如：商品详情页、商品列表页）。
2.7K10编辑于 2024-03-11 - 来自专栏IT杂症
uniapp小程序跳转参数
需要跳转的小程序方法wx.navigateToMiniProgram({appId: '要跳转的APPID',path: 'pages/index/index',extraData: {isSvip: xxx,openid: xxx},//需要传递给目标小程序的数据// envVersion: 'trial',//体验版// envVersion: 'develop',//开发版envVersion: 'release', //正式版success(res) {console.log('跳转成功')// 打开成功}}) 跳转到小程序接收参数方法this.appOption = uni.getLaunchOptionsSync ().referrerInfo.extraData;//获取携带的参数方法//另外小程序端调试的话可以用场景值为1037的方式进行调试
1.3K20编辑于 2023-06-02 - 来自专栏杨不易呀
UNIAPP小程序OCR识别
开通ocr前往微信服务市场 购买 免费的https://fuwu.weixin.qq.com/service/detail/000ce4cec24ca026d37900ed551415添加插件 小程序平台 设置 -》 第三方设置图片引用OCR插件到UNIAPP修改 mainifset,json图片/* 小程序特有相关 */ "mp-weixin" : { "appid" : "小程序 证件识别 "ocr-plugin" : { "version" : "3.0.6", "provider" : "你申请的小程序小程序 ocr-plugin/ocr-navigator"}OCR 使用插件文档https://fuwu.weixin.qq.com/service/detail/000ce4cec24ca026d37900ed551415uniapp
3.6K20编辑于 2023-10-03 - 来自专栏全栈程序员必看
uniapp，小程序上传图片
data.data.data.user.pic uni.setStorageSync("imgs",data.data.data.user.pic) } }) } }) }, 发布者：全栈程序员栈长
1.5K10编辑于 2022-07-04 - 来自专栏前端
uniapp 微信小程序支付
前置条件： 1、接入微信支付 2、与小程序绑定 微信支付-审核号管理授权 代码流程： a、需要有用户openid -调用uni.login获取code，向服务器请求openid uni.login({ uni.requestPayment({ provider: 'wxpay', timeStamp: '1414561600', nonceStr: '5K8264ILTKCH16CQ2502SI8ZNMTM67FD paySign: 'oR9d8PuhnIc+YZ8cBHFCwfgpaK9gd7vaRvkYD7rthRAZ\/X+QBhcCYL21N7cHCTUxbQ+EAt6Uy+lwSN22f5YZvI45MLko8Pfso0jm46v5hqcVwrk6uddkGuT +Cdvu4WBqDzaDjnNa5UK3GfE1Wfl2gHxIIY5lLdUgWFtea7D4WuolLLkiFZV+JSHMvH7eaLdT9N5GBovBwu5yYKUR7skR8Fu+LozcSqQixnlEZUfyE55feLOQTUYzLmR9pNtPbPsu6WVhbNHMS3Ss2
76010编辑于 2024-03-19 - 来自专栏cloud stdio
【uniapp小程序】uploadFile文件上传
写在前面 上节中我们讲到小程序的request请求，掌握了基本的网络请求方式，这节我们通过小程序的uploadFile接口能力完成对小程序上传操作（uni.uploadFile，后端php接口），通过这一节你可以学习到 php的上传接口的写法，以及如何配合前端完成一个小程序上传操作 创建前端页面 我们默认使用创建新项目进行讲解，在index.vue最上方写入代码 <template> <view style="width </view> </template> 通过前端点击“点击上传”来调用对应的方法 创建后运行如下 这里插一嘴，由于博主是全栈开发的，我给大家总结一下这部分与微信开发者工具 语法的区别 ①<em>uniapp</em> 必须用template标签嵌套 否则 ②<em>小</em><em>程序</em>点击事件用bindtap 而<em>uniapp</em>用@click ③<em>uniapp</em>的方法需要放在methods: {}里面 写入js事件（完成上传操作 于是我们需要做一下判断，当errCode==0的时候高速用户上传成功 但是发现了个问题，php返回的是数组，为啥到<em>uniapp</em>返回的是字符串？
4.6K20编辑于 2023-08-08 - 来自专栏Czy‘s Blog
uniapp小程序迁移到TS
uniapp小程序迁移到TS 我一直在做的小程序就是 山科小站 也已经做了两年了，目前是用uniapp构建的，在这期间也重构好几次了，这次在鹅厂实习感觉受益良多，这又得来一次很大的重构，虽然小程序功能都是比较简单的功能 ，但是这好不容易实习学到的东西得学以致用，那就继续在小程序上动手吧哈哈。 回到正题，小程序是用uniapp写的，毕竟还是比较熟悉Vue语法的，这次迁移首先是要将小程序从HBuilderX迁移到cli版本，虽然用HBuilderX确实是有一定的优点，但是拓展性比较差，这些东西还是得自己折腾折腾 在之后就需要将之前的代码移动到新的目录的src目录下，当然诸如.editorconfig这些配置文件还是要迁移出来放置在根目录下的，如果没有配置一些插件例如sass的话，现在小程序可能能够运行了，如果还安装了其他插件 因为主要是在小程序端使用，跟web端不一样，必须编译成小程序能够识别的文件，但是dcloud目前并未提供这样的能力，所以只能编写最原始的vue组件。
1.8K20发布于 2021-10-15 - 来自专栏cloud stdio
【uniapp】视频分享预览小程序
六一收到个不同以往的需求，我的指导老师最近有点忙，让我们帮忙做一个可以通过二维码预览视频的小程序 收到需求后，因为只是临时用一下，不打算写一套完整的系统，所以大概的思路就是，其他成员将视频通过ftp传入我的服务器上 ，我通过uniapp将视频路径写死在index页面上，跳转时将url中的参数传入到下一个页面即可，视频播放页面通过拼接路径最后得到完整的src资源文件，在写入data完成渲染即可，同理在点击生成二维码时将参数带着去新的页面进行处理 url=5.mp4"}, {"name":"消防人员负重前行的相关","url":"/pages/video/video? lang="scss"> .logo{ width: 140rpx; height: 140rpx; } </style> 视频播放页面 资源渲染后即可直接播放，这部分的代码找了好久，起初以为uniapp
98420编辑于 2023-08-08 - 来自专栏cloud stdio
【uniapp小程序】request发起请求
写在前面 最近事情比较多，本来打算出一期保姆级别的攻略，做一个软件库练练手（包含支付对接、上传下载、用户的设计、卡密系统等等）但是由于精力真的有限，只能往后搁了，本文章讲解uniapp小程序、介绍uniapp 、以及使用网络请求功能uni.requests 微信小程序和uniapp小程序区别 分类 优点 uniapp 1⃣️一套语言可以编译8种不同产品，写好的代码可以编译网页、小程序、app（包括android 、ios）2⃣️调试环境采用网页端预览，占内存少 微信小程序 1⃣️微信官方推出的产品2⃣️开发完成后直接上传到小程序后台，不需要通过工具转换 二者的优缺点很多，由于这里只是做一个介绍不做深入讨论了 ": 0, "payway": 0, "isyear": 1, "vendor": 18 } } 发起网络请求 到了这一步，我们已经拿到了需要请求的接口信息，接下来打开刚刚创建的demo程序
98030编辑于 2023-08-08 - 来自专栏全栈程序员必看
axios 小程序_vscode使用uniapp
flyio的使用 在小程序中使用请求，只能使用原生的wx.request，如果想要向axio一样使用三方包，只能使用flyio，不然会报错，同时flyio是属于多种兼容的可以放心使用到多端。
48830编辑于 2022-10-05 - 来自专栏cloud stdio
uniapp小程序订单页面UI
分析 根据我的需求，通过订单号查一个群组的商品数据，然后将订单状态以及点击事件、创建时间，商品数量总计 显示出来，在开发时，需要先了解uniapp小程序的开发流程和基本UI组件，以及订单页面的设计原则和需求分析 ; position: absolute; width: 100%; height: 100%; background-color: #f5f5f5; } .card{ width 框架开发小程序订单页面UI。 我们首先讲解了订单页面的设计原则和注意事项，然后介绍了uniapp框架的基本使用方法。接着，我们详细讲解了订单页面的UI设计，包括订单列表、订单详情、订单支付等。 最后，我们总结了本文的主要内容，强调了订单页面UI设计的重要性，并提供了一些优化建议，希望能够帮助开发者更好地设计和开发小程序订单页面。
1.3K20编辑于 2023-08-08 - 来自专栏个人路线
个人实操之发布uniapp（包括原生app，H5,小程序）【uniapp 专题 02】
，一个是H5.，一个是小程序，接下来开始正文 1.打包为原生App 在HBuilderX工具栏，点击发行，选择原生app-云端打包，如下图： img 出现如下界面，点击打包即可。 具体的配置，可以参考网上的分享：https://juejin.im/post/5af003286fb9a07aac24611b 3.发布为小程序 发布为微信小程序： 1.申请微信小程序AppID， 参考 2.在HBuilderX中顶部菜单依次点击 "发行" => "小程序-微信"， 输入小程序名称和appid点击发行即可在 unpackage/dist/build/mp-weixin 生成微信小程序项目代码 img 3.上传 在微信小程序开发者工具中，导入生成的微信小程序项目，测试项目代码运行正常后，点击“上传”按钮，之后按照 “提交审核” => “发布” 小程序标准流程，逐步操作即可，详细查看：微信官方教程 3.发布为百度小程序： 1.入驻小程序并申请百度小程序AppID， 参考：百度小程序教程。
98930编辑于 2022-03-29 - 来自专栏cloud stdio
uniapp小程序订阅消息推送+Thinkphp5后端代码教程示例
记录一下通过uniapp开发小程序消息推送的实例，配合后端tp推送，之前写的项目是微信小程序而且后端是原生php，这次通过项目记录一下 回顾 首先我们通过原生php代码回顾一下，不考虑模板参数的话，主要就是 php // 微信小程序通知主要函数 //http_request 利用curl请求 两个参数 url连接地址 数据信息 function http_request($url,$data){ _FKxHErBqXv3EF1QRZEm6RMdHLQ", //模板的id 'page'=>"pages/jifen/jifen",//点击小程序订阅消息跳转的页 第一步：设计前端触发订阅事件 进入到小程序后台找到自己创建的订阅消息模板，复制订阅模板id 在合适的地方放入事件即可 uni.requestSubscribeMessage({ tmplIds: [' touser; //所需下发的订阅模板id $data['template_id'] = $template_id; //点击模板卡片后的跳转页面，仅限本小程序内的页面
1.2K30编辑于 2023-08-08 - 来自专栏cloud stdio
【uniapp小程序】打印列表UI模板
/* 卡片部分 */ .card { width: 650rpx; height: 250rpx; background-color: #fff; border-radius: 5px
1.3K30编辑于 2023-08-08 - 来自专栏前端
微信小程序更新提醒uniapp
微信小程序更新提醒uniapp简介在小程序开发中，版本更新至关重要。为确保用户始终使用最新版本，我们建议在每次打开小程序时进行版本检测。具体方案如下：1. 启动时版本检测：我们使用uni-app提供的APIuni.getUpdateManager()，API返回全局唯一的版本更新管理器对象： updateManager，用于管理小程序更新。2. 用户选择“立即更新”后，小程序自动下载更新内容。3. 重启应用新版本：更新完成后，提示用户确认重启小程序以应用新版本。摘要 ：在小程序开发中，版本更新至关重要。 本方案利用 uni-app 的 uni.getUpdateManager() API 在启动时检测版本更新，提示用户并提供立即更新选项，自动下载更新内容，并在更新完成后重启小程序以应用新版本。 适用于微信小程序，确保用户始终使用最新版本。以下是实现步骤：实现步骤1 创建更新方法App.vue创建updateApp方法用于检查小程序是否有新版本。
65010编辑于 2024-10-15 - 来自专栏404
使用 uniapp 开发微信小程序
使用 uniapp 开发微信小程序 简述 纵翔商城是基于微信小程序实现的线上商城。 它类似微信小程序中app.json的页面管理部分。注意定位权限申请等原属于 app.json 的内容，在 uni-app 中是在 manifest 中配置。 小程序与小游戏获取用户信息接口调整，请开发者注意升级！ mp-baidu\mp-weixin\mp-toutiao\mp-qq 开始 注册小程序 注册小程序，获取appid。 搭建 koa2 中间件 传送门：https://www.yuque.com/zephyr1/web/xuhqsf 微信小程序支付 传送门：https://www.yuque.com/zephyr1/web
1.6K20编辑于 2022-04-25 - 来自专栏农民工前端
uniapp判断h5微信小程序app端+实战展示
导文 ❝这里是导文 当你在开发Uni-app时，需要根据不同的平台（比如App端、H5端、微信小程序等）来执行不同的代码逻辑，可以使用条件编译来实现这一点。 H5：网页端，即在浏览器中运行的H5应用。 MP-WEIXIN：微信小程序端。 MP-ALIPAY：支付宝小程序端。 MP-BAIDU：百度小程序端。 MP-TOUTIAO：字节跳动（今日头条）小程序端。 MP-QQ：QQ小程序端。 / // 在浏览器端（H5）执行的逻辑 console.log('Running on H5'); /*#endif*/ /*#ifdef MP-WEIXIN*/ // 微信小程序端执行的逻辑 ().height + uni.getMenuButtonBoundingClientRect().top }px`; /*#endif*/ }, 小程序和
2.6K10编辑于 2024-07-25 - 来自专栏程序技术知识
uniapp兼容H5和小程序订阅消息授权开发封装
本文使用 uniapp 框架开发，因为H5的订阅消息和小程序的订阅消息的授权流程不一样，但是很多地方需要使用授权，所以我封装了一个兼容H5和小程序订阅消息授权的方法，使用比较方便，希望能够帮助到你，实测可用 下面简单看下H5订阅消息发送和小程序订阅消息发送的区别： 简单说H5就是需要重定向到微信的一个地址，然后微信回调告诉你用户是否授权，而小程序是有官方提供的 API ，调用API就能拿到回调信息告诉你用户是否授权 下面看看官方文档的介绍： 1、公众号H5订阅消息发送流程 2、小程序订阅消息授权 最后，来看看我是怎么实现的吧！ -- 订阅消息监听和发送，兼容微信小程序和H5 --> onLoad: function(options) { common.Init.call(this); // #ifdef H5 scene_id, template_id) 封装的js：common.js function Init(e) { const that = this; // #ifdef H5
2K20编辑于 2022-05-16
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号