开发者可以通过 sitemap.json 配置,或者管理后台页面收录开关来配置其小程序页面是否允许微信索引。
在 iPad 上运行的小程序可以设置支持屏幕旋转,在 PC 上运行的小程序,用户可以按照任意比例拖动窗口大小,也可以在小程序菜单中最大化窗口。
小程序的开发与传统的web前端开发极其相似,想必各位技术宅们关心的是如何去开发一个小程序,这里我简单介绍一下如何简单上手开发小程序。
小程序根目录下的 app.json 文件是小程序的全局配置文件。常用的配置项如下:
下图是程序目录,每一个我都给大家标注出来了,大家前期不用死记硬背,后面开发学习过程中,用的多了, 自然就记住目录下每个文件的作用了。
小程序经常需要从他人或者朋友圈链接进入小程序,别人分享的指定页面我们需要让他人直接不用登录就可以看到页面的内容
微信官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html
在上一篇文章中,我们熟悉了一下通过vue-cli生成的mpvue工程代码骨架的基本结构,大致了解了每一个部分的代码到底要放到何处。从本文起我们就开始涉及真正的编码部分,学习使用Vue的语法去编写小程序。
目录结构 1.为了方便开发者减少配置项,描述页面的四个文件必须具有相同的路径与文件名。
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
最新一版的微信开发者工具,把微信公众号的调试开发工作也集成了进去,可以更换开发模式。
3)在填写项目信息之前,先创建一个空目录作为项目资源目录,这里我们以E:\weixin\demo为例
精选小程序发生了一次线上问题,测试阶段的小程序开发码测试ok,但是小程序正式码由于打包问题,"我的订单"页面文件打包失败,导致线上用户访问我的页面白屏。
上篇讲到,元素定位这块,参考官方文档,个人觉得官网文档的示例讲的有点少。幸好微信官方提供了小程序示例代码,方便小伙伴们快速入手。
一般来讲各个小程序开放平台对于插件开发的开放范围有一定的限制,例如微信小程序平台开放了22个行业相关的插件开发,其中对医疗服务、金融业、文娱、社交等行业还有进一步的特殊限制。
app.js、app.json和app.wxss。一个小程序项目必须有这3个描述App的文件,它们必须放在应用程序的根目录下,否则小程序会提示找不到app.json文件。
错误内容 array(2) { [“errcode”] => int(41030) [“errmsg”] => string(44) “invalid page rid: 62c52bd4-67155bc5-640370f0″ } 1 2 3 4 解决方案 路径问题 传入的页面路径,pages前不可用加 ” / ” 正确:‘pages/index/index’ 错误:‘/pages/index/index’
最近微信小程序动作频频,二维码长按识别、第三方托管、小程序码、公众号关联不同主体小程序等等,可以看得出微信在努力为小程序导量,楼主今天不谈上诉功能,只谈谈4月22日发布的新特性-公众号文章中支持添加小
微信小程序开发文档链接为:https://mp.weixin.qq.com/debug/wxadoc/dev/index.html,如下图:
小程序(如微信小程序)可以通过调用设备的摄像头API来访问摄像头。以下是基本步骤:
小程序跳转内外部的能力在日常开发中用得非常多,上周为大家分享了小程序跳转到外部的一系列能力,本周继续为大家分享外部跳回小程序的能力。场景和实现方式不一定完全,也欢迎大家补充。
最近总发现很多萌新把小程序插件和小程序组件搞混淆。简单来说,组件和插件的区别在于,插件是可以直接提供服务的,组件是给开发者的轮子提高开发效率的,这是两回事。
这个是小程序的脚本代码文件,可以在这个文件上进行监听,并处理小程序的一些生命周期(比如一些全局变量)
我们可以根据上边两个API获取系统信息 e.g. pixelRatio(设备像素比) screenWidth(屏幕宽度) locationAuthorized(允许微信使用定位的开关) bluetoothEnabled(蓝牙的系统开关) locationEnabled(地理位置的系统开关) wifiEnabled(wifiEnabled) 但是这两个方法有个共同的问题是 在真机调试的情况下,不能实时更新返回的信息 e.g. 点击按钮 获取 手机地理位置的系统开关 来判断是否提示用户打开GPS 如果在真机调试的情况下 手动打开关闭手机中的位置开关 点击按钮得到的结果并不会根据手机的状态进行更新 则不能达到你想要的效果,此时可以直接预览 打开调试 进行测试即可
在去年2017年1月9日,张小龙在2017微信公开课Pro上发布的小程序正式上线 。时至今日,小程序已经有整整一年时间了 。在2017年12月28日,微信更新的 6.6.1 版本开放了小游戏,「跳一跳」小游戏在那一晚彻底火了。由于微信的流量庞大,所以很多开发者看好小程序,我也不例外 。
但图片显示的高宽并不是图片本身的高宽。它被MINA框架设置成了宽度300px、高度225px,这也是小程序默认的图片高宽。如果我们不显示地指定图片高宽,所有图片都将保持这个默认值。
我们上一篇对应用编辑器有了一个整体的介绍。要想零基础开发小程序,就得从各种概念开始学起。
在技术中心,我们可以理解生命周期为从一个应用从创建到销毁的过程。在项目层面,我们每一个完整的项目中都会在不同时间不同位置处理不同问题及不同需求,也就是在特点时间执特定函数。
虽然主要还是研究 Java 的后端方向,不过有时候想写点 Demo 只有自己一个人,也就抓着临时把前端的一些东西也看一看,趁着假期,看看小程序哇,其实关于入门的几篇文章也都写差不多了,感觉有几篇写的很一般,写前端的东西,思路总是理不清,就当做笔记来看吧 官方的文档写的很全,一定要好好看哈
在使用 组件跳转到指定的 tabBar 页面时,需要指定 url 属性和 open-type 属性,其中:
微信目录结构配置说明app.json 配置项window配置项restartStrategytabBar配置项创建一个自己的页面真机调试
小程序页面自身分为两个主要部分独立运行:view 模块和 service 模块。在开发者工具中,它们独立运行于不同的 webivew tag 中。
每个子目录中保存着一个页面的相关文件 —— 通常是4种不同扩展名的文件, 分别是页面中的逻辑文件、页面结构文件、样式表文件、配置文件; 为了减少开发时的配置项,框架特别约定描述页面的这4个文件必须具备相同的路径和文件名;
微信小程序是腾讯于2017年1月9日推出的一种不需要下载安装即可在微信平台上使用的应用,主要提供给企业、政府、媒体、其他组织或个人的开发者在微信平台上提供服务。
接触微信小程序有一段时间的开发者或开发团队,我相信多多少少都会为自己搭建封装一些便于开发的框架/脚手架,尤其是一些做过Web开发的开发者,受到现如今Web主流开发框架如Angular,React,Vue等的核心思想的影响,对数据/状态管理、组件化、跨平台等都有较高的追求。
原文链接:https://godbasin.github.io/2018/09/08/wxapp-page-and-navigate/
小程序云开发已经支持云调用,开放了很多接口,一直想要的获取小程序码也支持了。这下轻量的小程序也可以有自定义小程序码的功能。
作者简介 携程前端框架团队,为携程集团各业务线提供优秀的Web解决方案,当前主要专注:新一代研发模式探索,Rust构建工具链路升级、Serverless应用框架开发、在线文档系统开发、低代码平台搭建、适老化与无障碍探索等。 一、摘要 随着携程接入小程序平台类型的增加,前端需要负责的端越来越多,研发成本也随之成倍增加。为了解决一套代码多端运行的诉求,携程小程序框架不断调整、升级,逐渐形成了携程Taro跨端解决方案。 二、背景 2.1 小程序现状 近几年业界推出了各种小程序平台,每个小程序平台都会提供一个专
📷 微信小程序自动化测试完全实现。 参考:官方文档 单个测试文件测试流程 安装小程序自动化SDK配合jest实现小程序自动化测试:miniprogram-automator 、jest 示例 index.spec.js const automator = require('miniprogram-automator') automator.launch({ cliPath: '/Applications/wechatwebdevtools.app/Contents/MacOS/cli', // 工
小程序官方建议把所有小程序的页面,都存放在 pages 目录 中,以单独的文件夹存在,如图所示:
移动时代,我们手机里的东西越来越多,占用的时间也越来越多。有时候要用 APP,有时候要在微信里跳来跳去,有时候又要打开浏览器,每天忙得不亦乐乎。
关联之后,你的小程序便会出现在公众号的资料页、菜单栏、甚至是图文消息里面,分分钟触达上万用户。
如果用手机自带的浏览器去访问各种网页。自然而然都能获取到 WebView 的,不需要开启什么。用原生的、手机自带的浏览器去试下,也能得到对应的结果。
本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果。 开发准备工作 获取微信小程序的 AppID 登录 https://mp.weixin.qq.com ,就可以在网站的“
从小程序基础库版本 1.6.3 开始,小程序支持简洁的组件化编程。查看自己使用的小程序基础库版本,可以通过在开发者工具右侧点击详情查看:
哈喽大家好,本期是微信小程序专栏第十三期,本期我们将学习页面跳转功能,页面跳转功能主要使用小程序的导航API来实现。 注意:每期内容是连载呢,建议大家可以看看往期内容,更好理解噢~
张小龙:小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。
领取专属 10元无门槛券
手把手带您无忧上云