第一章总结

好唔好意

已于 2024-06-03 17:07:29 修改

阅读量304

点赞数 2

文章标签：微信小程序

于 2024-02-29 09:53:37 首次发布

本文链接：https://blog.csdn.net/m0_74879280/article/details/136362062

版权

总结：

准备开发环境：首先，你需要安装微信开发者工具，然后使用微信开发者工具登录你的微信开发者账号。
创建小程序项目：在微信开发者工具中，选择"新建小程序项目"，填写小程序的基本信息，如小程序的名称、AppID、项目路径等。点击"新建项目"，系统将自动生成基础文件和目录。
编写前端代码：在微信开发者工具中，选择"编辑源码"，进入代码编辑页面。你可以使用类似HTML、CSS和JavaScript等前端技术来编写小程序的界面和交互逻辑。
调试和预览：在微信开发者工具中，点击"预览"按钮，系统将会以模拟器的方式展示你的小程序。你可以实时查看和调试小程序的效果。

实例代码：

json:

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window": {
    "navigationBarTextStyle": "black",
    "navigationStyle": "custom"
  },
  "style": "v2",
  "renderer": "skyline",
  "rendererOptions": {
    "skyline": {
      "defaultDisplayBlock": true,
      "disableABTest": true,
      "sdkVersionBegin": "3.0.0",
      "sdkVersionEnd": "15.255.255"
    }
  },
  "componentFramework": "glass-easel",
  "sitemapLocation": "sitemap.json",
  "lazyCodeLoading": "requiredComponents"
}

ts:

// app.ts
App<IAppOption>({
  globalData: {},
  onLaunch() {
    // 展示本地存储能力
    const logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)

    // 登录
    wx.login({
      success: res => {
        console.log(res.code)
        // 发送 res.code 到后台换取 openId, sessionKey, unionId
      },
    })
  },
})

wxss:

/**app.wxss**/
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
}

json:

{
  "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
  "rules": [{
  "action": "allow",
  "page": "*"
  }]
}