1、小程序备案挺简单，仅需要盖章签名。需要准备4个电话号码，2个需要做验证码。 2、法人不需要人脸验证，仅需要管理员人脸识别认证，好事，不然有些企业想找老板扫码，很难。 3、互联网信息服务一般公司就选：【以上都不涉及】 [图片][图片][图片][图片][图片][图片][图片] 小程序备案是指将您的小程序进行合法注册和备案，以确保您的小程序符合相关法律法规的要求。虽然备案过程可能因地区和平台要求而有所不同，但通常是一个相对简单的过程。 首先，备案程序通常需要您进行一些填写和提交，以便进行审核和核实。例如，您需要提供公司名称、联系方式、企业注册号等基本信息，以便官方机构对您的小程序进行认证。 在填写备案信息时，您需要提供4个电话号码，并接受验证码验证。这是为了确保您提供的电话号码是有效和可信的，以便官方机构与您进行有效的沟通和确认。通常来说，您需要至少准备4个电话号码，并接受2个电话号码的验证码验证。 与此同时，备案中的人脸验证也是一项重要的步骤。通常情况下，法人不需要进行人脸验证，只需要指定一个管理员进行人脸识别认证即可。这是为了减少企业主在备案过程中的繁琐操作，使其更加便捷。通过管理员的人脸识别认证，官方机构可以确认管理员身份，并确保备案信息的真实性和有效性。 总体而言，小程序备案是一个相对简单的过程。您只需要准备好所需的信息和材料，并按照平台的要求进行填写和提交即可。如果您有任何疑问或需要帮助，可以随时联系微信相关平台的客服或专业人士寻求支持和指导。

自2023年9月1日起，微信小程序必须完成备案后才可上架；已经上架的小程序，要于2024年3月31日前完成备案，若逾期未完成备案，微信官方平台会按照相关规定于2024年4月1日起进行清退处理，目前备案通道暂未开启，9月1号正式开启备案通道，来一间商户，可提前准备资料，熟悉流程！ 备案需要准备哪些资料 主办单位证件（营业执照） 主体负责人证件（身份证） 小程序负责人证件（身份证） 需要小程序负责人扫脸验证 其他材料：根据各省通信管理局要求，上传对应补充材料。 备案流程 ➤ 登录小程序管理后台（[https://mp.weixin.qq.com/]）首页顶部会提示“小程序需补充备案信息”，点击“去备案”；也可以在小程序管理后台设置模块-小程序备案-点击去备案，填写备案信息，并上传材料 ➤ 1-2个工作日内完成初审并告知结果 ➤ 提交通管局后，24小时内完成短信核验 ➤ 通管局在1-20个工作日内完成审核并告知结果 ➤ 审核通过后，下发小程序备案号 备案信息填写 1、主体信息填写 分个人主体和非个人主体 [图片] （非个人主体） [图片] （个人主体） 提示：选择地区、详细地址，请填写实际通讯地址。 上传有效证件原件的彩色扫描件或拍照件，请保持图片清晰完整、不遮挡关键信息/图像、边角齐全，证件有效期大于1个月。 请对照证件信息如实选择、填写备案信息。 2、主体负责人信息填写 提示：手机号码请填写主体负责人、应急联系人本人使用的有效手机号码，需保持电话畅通，不同人不能使用同一个号码 [图片] 3、小程序信息填写 [图片] 4、小程序负责人信息填写及人脸核身 如果小程序负责人和主体负责人一致，可直接复用主体人信息，如不一致，需手动填写小程序负责人信息。 [图片] 平台初审 开发者在微信公众平台提交小程序备案信息后，平台将会在1-2个工作日内完成初审（具体请以实际审核时间为准），审核结果将以站内信息、模板消息等形式通知管理员。在平台初审的过程中，请备案相关人员保持电话畅通，以便平台对你提交的备案信息进行核验。 工信部短信核验 根据工信部的要求，小程序备案需完成短信核验。你的备案初审通过后，会收到工信部发送的核验短信（发送号码：12381），请在收到短信的24小时内登录工信部备案官网首页完成短信核验，短信核验成功后备案申请进入通管局审核流程。 若核验时提示验证码错误或无效，你可触发一次短信重发；24小时内未核验成功，备案将被工信部系统自动驳回，你需到微信公众平台重新提交备案申请 [图片] [图片] 通管局审核 各省通信管理局将在1-20个工作日内（具体以实际审核时间为准）完成审核，审核结果以站内信、模板消息、短信等形式通知。 备案成功 管局审核通过后，将下发的小程序备案号，代表你的小程序已完成备案，可以进入下一步版本发布等流程。 [图片] 此备案流程仅适用酒旅商家操作，如需查看更多，请查看微信小程序官方备案操作指引

前言 自从iphoneX问世之后，因为iphoneX、iphoneXR和后续全面屏手机设备，因为物理Home键被底部小黑条代替了，这时候很多前端小伙伴在开发的过程都会遇到 “全面屏”和“非全面屏”的兼容性问题，普遍问题就是底部按钮或者选项卡与底部黑线重叠 解释 根据官方解释： 安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角(corners)、齐刘海(sensor housing)、小黑条(Home Indicator)的影响。 具体区域如图展示 [图片] 适配方案 当前有效的解决方式有几种 使用已知底部小黑条高度34px/68rpx来适配 使用苹果官方推出的css函数env()、constant()适配 使用微信官方API，getSystemInfo()中的safeArea对象进行适配 使用已知底部小黑条高度34px/68rpx来适配 这种方式是根据实践得出，通过物理方式测出iPhone底部的小黑条（Home Indicator）高度是34px，实际在开发者工具选中真机获取到高度也是34px，所以直接根据该值，设置margin-bottom、padding-bottom、height也能实现。同时这样做要有一个前提，需要判断当前机型是需要适配安全区域的机型。 但是这种方案相对来说是不推荐使用的。比较是一个比较古老原始的方案 使用苹果官方推出的css函数env()、constant()适配 这种方案是苹果官方推荐使用env()，constant()来适配，开发者不需要管数值具体是多少。 env和constant是IOS11新增特性，有4个预定义变量： safe-area-inset-left：安全区域距离左边边界的距离 safe-area-inset-right：安全区域距离右边边界的距离 safe-area-inset-top：安全区域距离顶部边界的距离 safe-area-inset-bottom ：安全距离底部边界的距离 具体用法如下： Tips: constant和env不能调换位置 [代码] padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/ padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/ [代码] 其实利用这个能解决大部分的适配场景了，但是有时候开发需要自定义头部信息，这时候就没办法使用css来解决了 使用微信官方API，getSystemInfo()中的safeArea对象进行适配 通过 wx.getSystemInfo获取到各种安全区域信息，解析出具体的设备类型，通过设备类型做宽高自适应，话不多说，直接上代码 代码实现 [代码] const res = wx.getSystemInfoSync() const result = { ...res, bottomSafeHeight: 0, isIphoneX: false, isMi: false, isIphone: false, isIpad: false, isIOS: false, isHeightPhone: false, } const modelmes = result.model const system = result.system // 判断设备型号 if (modelmes.search('iPhone X') != -1 || modelmes.search('iPhone 11') != -1) { result.isIphoneX = true; } if (modelmes.search('MI') != -1) { result.isMi = true; } if (modelmes.search('iPhone') != -1) { result.isIphone = true; } if (modelmes.search('iPad') > -1) { result.isIpad = true; } let screenWidth = result.screenWidth let screenHeight = result.screenHeight // 宽高比自适应 screenWidth = Math.min(screenWidth, screenHeight) screenHeight = Math.max(screenWidth, screenHeight) const ipadDiff = Math.abs(screenHeight / screenWidth - 1.33333) if (ipadDiff < 0.01) { result.isIpad = true } if (result.isIphone || system.indexOf('iOS') > -1) { result.isIOS = true } const myCanvasWidth = (640 / 375) * result.screenWidth const myCanvasHeight = (1000 / 667) * result.screenHeight const scale = myCanvasWidth / myCanvasHeight if (scale < 0.64) { result.isHeightPhone = true } result.navHeight = result.statusBarHeight + 46 result.pageWidth = result.windowWidth result.pageHeight = result.windowHeight - result.navHeight if (!result.isIOS) { result.bottomSafeHeight = 0 } const capsuleInfo = wx.getMenuButtonBoundingClientRect() // 胶囊热区 = 胶囊和状态栏之间的留白 * 2 (保持胶囊和状态栏上下留白一致) * 2(设计上为了更好看) + 胶囊高度 const navbarHeight = (capsuleInfo.top - result.statusBarHeight) * 4 + capsuleInfo.height // 写入胶囊数据 result.capsuleInfo = capsuleInfo; // 安全区域 const safeArea = result.safeArea // 可视区域高度 - 适配横竖屏场景 const screenHeight = Math.max(result.screenHeight, result.screenWidth) const height = Math.max(safeArea.height, safeArea.width) // 状态栏高度 const statusBarHeight = result.statusBarHeight // 获取底部安全区域高度（全面屏手机） if (safeArea && height && screenHeight) { result.bottomSafeHeight = screenHeight - height - statusBarHeight if (result.bottomSafeHeight < 0) { result.bottomSafeHeight = 0 } } // 设置header高度 result.headerHeight = statusBarHeight + navbarHeight // 导航栏高度 result.navbarHeight = navbarHeight [代码]

没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置 project.config.json 的 packNpmManually 和 packNpmRelationList 进行构建 录内，或配置 proje[图片]ct.config.json 的 packNpmManually 和 packNpmRelationList 进行构建  1、首先确实是先初始化过了 ``` npm init ``` 2、如果已经初始化以后，项目根目录找到project.config.json文件，在setting关键字，里面增加 "packNpmManually": true, "packNpmRelationList": [ { "packageJsonPath": "./package.json", "miniprogramNpmDistDir": "miniprogram/" } ] 3、然后在npm安装你想要的包，就可以正常构建了 npm i tdesign-miniprogram -S --production