Wener Notes

微信小程序

约 2 分钟阅读

运行时区别

  • wxss/css
    • 不支持 *
    • 名字不能包含 :,#,/,[,]
    • 不支持有些场景的 ~
    • 不支持 rem
  • DOM 环境无
    • fetch/Header/Request/Response
    • File/Blob/ReadableStream
    • FormData
    • AbortController/AbortSignal
    • URLSearchParams
  • 不支持 svg 标签
  • 有 TextEncoder/TextDecoder/ArrayBuffer
  • JS 语法
    • 不支持 ??, ?.
    • 不支持 eval, new Function
    • 内置 core-js

API

  • 手机号快速验证 getPhoneNumber
    • 平台不做二次实际校验
  • 手机号实时验证 getRealtimePhoneNumber
    • 💲 付费使用
    • 平台进行实际校验
  • wx.getSetting()
    • 获取权限信息
    • scope.userInfo,scope.address,scope.invoice,scope.invoiceTitle
  • wx.getUserInfo
    • 一次性授权
    • 返回匿名信息
    • 需要 scope.userInfo
  • wx.getUserProfile
    • 每次授权
    • 2021年4月

分析

JavaScript
console.assert(globalThis === window);
const global = {
  __wcc_version__: 'v0.5vv_20200413_syb_scopedata',
  __wcc_version_info__: {
    customComponents: true,
    fixZeroRpx: true,
    propValueDeepCopy: false,
  },
};

wx

TypeScript
// Taro
wx['webpackJsonp'];
console.assert(wxModuleVersion === 2);
WXWebAssembly;

__wxAppCode__;
__wxAppData;
__wxAppCurrentFile__;
__wxConfig;
__wxRoute;
wx.env;

__wxAppCode__[__wxRoute + '.json'];
__wxAppCode__[__wxRoute + '.wxml'];

Library

JS 语法

app.json

FAQ

CORS

  • request 请求可以直接修改 Origin

图片资源

text
cross-origin-resource-policy: cross-origin

请求会包含应用信息

text
referer: https://servicewechat.com/WXID/devtools/page-frame.html

用户信息

JavaScript
const { appid, fakeId, nickName, openid, userName } = window.__INITIAL_STATE__.userInfo;
copy(JSON.stringify({ appid, fakeId, nickName, openid, userName }, null, 2));

SyntaxError: Unexpected token ？

  • ?? 的问题

SyntaxError: Unexpected token ."use strict";

  • ?. 的问题

miniprogram-ci 10009 undefined

不要把 miniprogram-ci 安装在现有项目里，太多依赖了

bash
PROJECT_DIR=$PWD
WXA_APP_ID=
mkdir -p /tmp/wxa-ci
cd /tmp/wxa-ci
pnpm init
pnpm add -D miniprogram-ci

pnpm miniprogram-ci upload --appid $WXA_APP_ID --pp $PROJECT_DIR/dist/weapp/ --pkp $PROJECT_DIR/private.key -r 1 -v --uv 1.0.0

# by script
pnpm add -D tsx typescript
cp $PROJECT_DIR/scripts/wxa-deploy.ts .
env PROJECT_DIR=$PROJECT_DIR pnpm tsx ./wxa-deploy.ts
Packagesminiprogram-cinpm Packageminiprogram-ciNPMtsxnpm PackagetsxNPMtypescriptnpm PackagetypescriptNPM

隐藏了实际的 error，调整内部 js 输出错误发现是

text
require() of ES Module ansi-styles from chalk not supported
  • chalk 5 is ESM
  • chalk 4 is CJS

render webview vs skyline

关联信息

反向链接、本文链接的其他页面和外部资料。

References

GitHub2 条
Packages1 条
其他外链14 条
最近更新commit f6f5925Edit

微信消息

Previous Page

微信公众号

Next Page

On this page

微信小程序API分析wxLibraryJS 语法app.jsonFAQCORS请求会包含应用信息用户信息SyntaxError: Unexpected token ？SyntaxError: Unexpected token ."use strict";miniprogram-ci 10009 undefinedrender webview vs skyline