微信小程序搭建流程

这篇具有很好参考价值的文章主要介绍了微信小程序搭建流程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、申请微信开发者账号

虽然开发微信小程序可以使用工具提供的测试号,但是测试号提供的功能极为有限,而且使用测

试号开发的微信小程序不能上架发布。因此说我们想要开发一个可以上架的微信小程序,首先必

须要申请微信开发者账号。大家尽可放心,个人申请和使用微信开发者账号是免费的。如果你要

开发的是商用小程序,那么就需要以企业身份申请微信开发者账号,而且还要缴纳认证费用。

用浏览器访问 微信公众平台,然后点击页面右上角的 立即注册 链接。

微信公众平台 (qq.com)

小程序秘钥怎么看,前端,微信小程序,小程序,Powered by 金山文档

二、获取AppID和密钥

开发微信小程序必须要用到AppID和密钥,这两个东西可以在微信开发者平台上面获得。刚才大

家已经成功注册了开发者账号,那么就处在登陆的状态,不用重新登录微信开发者平台。

在网页中找到 开发 栏目,然后选择 开发设置 选项卡,在面板中你就能看到自己的小程序对应

的 AppID 和 密钥 了。如果是刚注册下来的账号,密钥还没有生成,你要手动点击页面上的按

钮,生成密钥字符串。如果已经生成过密钥字符串,那么默认情况,页面会隐藏密钥字符串,你

只能点击重置按钮,生成新的密钥字符串了。所以强烈建议大家,获取了密钥字符串之后,最好

能用文件把密钥字符串保存下来。

小程序秘钥怎么看,前端,微信小程序,小程序,Powered by 金山文档

三、创建小程序项目

小程序配置

找到插件安装前往插件市场安装less

小程序秘钥怎么看,前端,微信小程序,小程序,Powered by 金山文档

导入HBuilder X开始下载安装

小程序秘钥怎么看,前端,微信小程序,小程序,Powered by 金山文档

在HBuilderX上面,创建项目

小程序秘钥怎么看,前端,微信小程序,小程序,Powered by 金山文档

微信小程序配置

配置你创建的小程序ID

小程序秘钥怎么看,前端,微信小程序,小程序,Powered by 金山文档

安装小程序开发工具并启动微信开发者工具,并且扫码登陆

小程序开发工具是腾讯官方发布的用于开发微信小程序的IDE软件,下载稳定版本的软件。下载地址

小程序秘钥怎么看,前端,微信小程序,小程序,Powered by 金山文档
  1. 下载安装文件,执行默认安装即可

  1. 初次启动需要扫码才能登陆该软件

  1. 开放小程序的服务端口。这是为了将来HbuilderX可以把uni-app项目编译成小程序项目,通
    过安全端口调用小程序工具执行项目。

小程序秘钥怎么看,前端,微信小程序,小程序,Powered by 金山文档

选择运行微信小程序到微信开发者工具

小程序秘钥怎么看,前端,微信小程序,小程序,Powered by 金山文档

创建练习页面

<template>
    <view>
        <view>{{name}}</view>
        <view>{{age}}</view>
        <view v-for="h in hobby" >{{h}}</view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                name: "zhangsan",
                age: 18,
                hobby: ["a","b","c"]
            }
        },
        methods: {
            
        }
    }
</script>

<style>

</style>

在pages.json文件中,把demo页面设置为第一个页面文章来源地址https://www.toymoban.com/news/detail-807898.html

"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
        {
            "path" : "pages/demo/demo/demo",
            "style" : {}
        },
        {
            "path": "pages/index/index",
            "style": {
                "navigationBarTitleText": "uni-app"
            }
        }

    ]

到了这里,关于微信小程序搭建流程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序发布上线流程以及个人小程序怎么通过审核

    小程序如何 发布 ?微信小程序发布流程其实很简单,本文就介绍下如何 发布上线 流程以及个人小程序怎么 通过审核 小程序在开发完成后,需要 上传代码 ,设为 体验版本 , 提交审核 , 发布上线 这几个基本步骤 1.提交代码 通过微信开发者工具提交代码 点击后,会让你设

    2024年02月09日
    浏览(58)
  • 微信小程序商城搭建--后端+前端+小程序端

    前端技术:React、AntdesignPro、umi、JavaScript、ES6、TypeScript、 小程序 后端技术:Springboot、Mybatis、Spring、Mysql 后端采用Springboot搭配前端React进行开发,完成用户管理、轮播图管理、一级分类管理、商品管理、日志管理。 支持多图上传功能,封面图。 采用JWT+拦截器进行接口拦截

    2024年02月05日
    浏览(47)
  • 搭建flask后端和微信小程序前端

    目录 一、准备工作 (1)我的前端代码 (2)我的后端代码 (3)后端运行成功的截图 (4)前端运行成功的截图  (5)整体运行成功的截图 二、部署后端  (1)在腾讯云的学生入口处购买服务器(建议选择ubuntu系统),设置管理秘钥,方便在本地远程连接。 (2)在本地的

    2024年02月04日
    浏览(52)
  • SpringCloud微服务实战——搭建企业级开发框架:第三方登录-微信小程序授权登录流程设计和实现

      在前面的设计和实现中,我们的微服务开发平台通过JustAuth来实现第三方授权登录,通过集成公共组件,着实减少了很多工作量,大多数的第三方登录直接通过配置就可以实现。而在第三方授权登录中,微信小程序授权登录和APP微信授权登录是两种特殊的第三方授权登录

    2024年02月07日
    浏览(53)
  • 微信小程序-微信小程序登录流程(一)

    微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用 冷启动: 小程序首次打开或销毁后再次被打开,此时小程序需要重新加载启动,即冷启动。会检查小程序是否

    2024年02月11日
    浏览(39)
  • 【微信小程序怎么开店铺】微信小程序店铺怎么制作?

    【微信小程序怎么开店铺】微信小程序店铺怎么制作?线上开店已经是当下非常主流的经营模式之一,尤其是微信小程序,微信小程序在近几年的普及和发展下,大有超越app的使用率。因此,把线上开店铺和微信小程序结合起来,就成为了当下许多企业商家的共同选择。那么

    2024年02月09日
    浏览(46)
  • 亲测微信小程序备案流程,微信小程序如何备案,微信小程序备案所需准备资料

    微信小程序为什么要备案,微信官方给出如下说明: 1、若微信小程序未上架,自2023年9月1日起,微信小程序须完成备案后才可上架; 2、若微信小程序已上架,请于2024年3月31日前完成备案,逾期未完成备案,平台将按照备案相关规定于2024年4月1日起进行清退处理。 备案系统

    2024年02月07日
    浏览(56)
  • 微信小程序部署流程

    🐼🐼🐼 微信小程序前端、后端(Java)部署流程 可以申请云服务器,或者使用自己搭建的服务器,这里使用的是Ucloud云服务器部署。为什么要使用 Ucloud,是因为其他云服务器平台的新用户特权都嫖完了。 服务器使用 Nginx 做反向代理,所有服务统一由 443、80 端口暴露。 域

    2023年04月26日
    浏览(35)
  • 微信小程序授权流程

    小程序中的部分接口,比如地理位置、录音、摄像头、用户信息等,需要用户授权后,才可以调用。把这些接口按使用范围分成多个 scope ,用户选择对 scope 来进行授权,当授权给一个 scope 之后,其对应的所有接口都可以直接使用。 此类接口调用时: 如果用户未接受或拒绝

    2024年02月09日
    浏览(41)
  • 微信小程序支付流程

    申请微信支付,配置小程序秘钥,设置秘钥和下载证书,配置HTTPS服务器即可。 具体步骤 1、申请微信支付。小程序认证以后,可以在小程序后台,微信支付菜单栏,申请微信支付。填写企业信息和对公账户,微信支付会打一笔随机金额到对公账户,输入金额完成验证后,在

    2024年02月13日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包