2018-10-23 17:21:48 zhichi_junjun 阅读数 107
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27761 人正在学习 去看看 秦子恒

微信Web开发者工具只有window版本和mac版本,如果想要在Linux系统下运行微信Web开发者工具,需要花费很大周折。

1、下载nwjs

下载nwjs的SDK。

2、将微信web开发者工具拷贝到nwjs

将在window系统下安装的微信web开发者工具文件夹中的package.nw、icon.ico、* 微信web开发者工具.exe拷贝到nwjs sdk解压后的文件夹内。

3、修改代码进入到nwjs文件夹,在终端内运行

$ ./nw

会出现提示 Cannot find module ‘…’

在这里插入图片描述

根据提示,在提示错误的文件内修改module名,因为名字大小写会有错误,比如appServiceConfig模块,它的实际模块名是appserviceConfig,这些都是大小写字母错误导致找不到模块。
会有几个文件需要修改,根据错误提示修改。
4、在微信小程序项目文件内创建run-detectors文件
在微信小程序项目文件夹内创建run-detectors文件,因为该文件没有扩展名,在linux系统会被认为是文件夹,导致找不到该文件导致报错。

在这里插入图片描述

5、下载wine

在命令行内运行
$ sudo apt-get install wine
在右键选择wine环境运行wcc.exe,会提示安装依赖。wcc.exe在linux的 /home/用户名/.config/微信web开发者工具/WeappVendor 文件夹内。
6、载入项目

在载入项目前,* 先在wine下运行wcc.exe和wcsc.exe(不提前运行wcc.exe和wcsc.exe的话可能会报错)。第一次载入项目后编译可能会慢一些,3、5s到10s左右,后面因为有缓存会快一些。

在这里插入图片描述

使用编辑功能可能会报错,所以不要用自带的编辑功能。7、编辑器
推荐使用webstorm,在File - Editor - code style - File Types内设置如图下所示。将wxss添加到css类型文件,将wxml添加到html类型文件。

在这里插入图片描述

微信的文件改变自动刷新会有3到5s的时间来编译,不是很快。

相关资讯: 微信小程序 微信小程序开发教程

2018-03-10 16:15:45 qq_35713752 阅读数 7288
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27761 人正在学习 去看看 秦子恒

微信小程序开发交流qq群   173683895

   承接微信小程序开发。扫码加微信。

正文:

实现代码: 注释:真机才有效果,开发工具展示icon属性无效

    var a ='11\r\n3'
    wx.showToast({
      title: a,
      icon:'none',
      duration: 5000
    })
2016-12-13 11:33:55 SundayAaron 阅读数 17405
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27761 人正在学习 去看看 秦子恒

概述:

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

预览:

用微信web开发者工具打开dist目录(请注意,是dist目录,不是整个项目)

Github下载地址:
https://github.com/weui/weui-wxss?from=timeline&isappinstalled=0&utm_source=tuicool&utm_medium=referral

这里写图片描述

使用:

  1. 组件的wxml结构请看dist/example/下的组件
  2. 样式文件可直接引用dist/style/weui.wxss,或者单独引用dist/style/widget下的组件的wxss

使用示例:

  1. 下载weui-wxss压缩包,解压。
  2. 把dist/style/weui.wxss文件放到你项目的根目录(或者其他目录)。
  3. 在app.wxss中添加如下代码:@import 'weui.wxss';
    注意:路径要对应上!

接下来我们以SearchBar为例,在自己的小程序里使用SearchBar样式。

  1. 新建快速项目
  2. 去除掉无用代码
  3. 把weui.wxss文件拷贝到项目目录
  4. 在app.wxss里引用样式文件 @import 'weui.wxss';
  5. 新建一个searchbar文件夹,在app.jason中定义searchbar页面
  6. 把weui-wxss里的 weui-wxss-master\dist\example\searchbar 文件都拷贝到你新建的项目 searchbar文件里
  7. 调试、查看结果
    这里写图片描述
    其他效果同理

demo下载地址:
http://download.csdn.net/detail/sundayaaron/9709961

如果我的文章对您有帮助,微信支付宝打赏:

这里写图片描述
这里写图片描述

2019-06-02 22:34:36 LittleXingXingC 阅读数 786
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27761 人正在学习 去看看 秦子恒

微信小程序使用weui设计界面

刚入门微信小程序开发,使用微信web开发者工具,对界面的设计有时会有按钮等的位置大小不好设置,但是微信web开发者工具有一个很好的工具是weui,WeUI 是一套同微信原生视觉体验一致的基础样式库,为微信 Web 开发量身设计,可以令用户的使用感知更加统一,包含button、cell、dialog、toast、article、icon等各式元素。weui 我们只需要他的样式,引入微信UI库即可,对weui的内容可以在官网上看到很详细的介绍,在使用时需要对其中的代码进行修改,下面是我的小程序中对基础组建panel中图文组合列表的使用:

Marker.wxml

<view class="page">

    <text class="t1">---采收记录---</text>

    <view class="weui-panel weui-panel_access">

        <view class="weui-panel__bd">

                <navigator url="" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active">

                    <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">

                        <image class="weui-media-box__thumb" src="/image/icon20.jpg"></image>

                    </view>

                    <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">

                        <view class="weui-media-box__title">名称</view>

                        <view class="weui-media-box__desc">编号: 日期: 可采收数量: 单价: </view>

                    </view>

                </navigator>

                <navigator url="" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active">

                    <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">

                        <image class="weui-media-box__thumb" src="/image/icon20.jpg"></image>

                    </view>

                    <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">

                        <view class="weui-media-box__title">名称</view>

                        <view class="weui-media-box__desc">编号: 日期: 可采收数量: 单价: </view>

                    </view>

                </navigator>

                <navigator url="" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active">

                    <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">

                        <image class="weui-media-box__thumb" src="/image/icon20.jpg"></image>

                    </view>

                    <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">

                        <view class="weui-media-box__title">名称</view>

                        <view class="weui-media-box__desc">编号: 日期: 可采收数量: 单价: </view>

                    </view>

                </navigator>

            <navigator url="" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active">

                    <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">

                        <image class="weui-media-box__thumb" src="/image/icon20.jpg"></image>

                    </view>

                    <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">

                        <view class="weui-media-box__title">名称</view>

                        <view class="weui-media-box__desc">编号: 日期: 可采收数量: 单价: </view>

                    </view>

                </navigator>

            <navigator url="" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active">

                    <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">

                        <image class="weui-media-box__thumb" src="/image/icon20.jpg"></image>

                    </view>

                    <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">

                        <view class="weui-media-box__title">名称</view>

                        <view class="weui-media-box__desc">编号: 日期: 可采收数量: 单价: </view>

                    </view>

                </navigator>

        </view>

        <view class="weui-panel__ft">

            <view class="weui-cell weui-cell_access weui-cell_link">

            <view class="weui-cell__bd">查看更多</view>

            <view class="weui-cell__ft weui-cell__ft_in-access"></view>

            </view>

        </view>

    </view>

</view>

2018-04-19 14:41:08 henryhu712 阅读数 21953
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27761 人正在学习 去看看 秦子恒

一、删除小程序项目

通常我们会进入到项目配置中寻找删除按钮,不幸的是那里并没有删除按钮。删除的设置在启动页面的底部“管理项目”中,如下图:



进入管理项目后,就能够看到每个项目的最左边是删除icon:



二、修改小程序项目的AppID

当要迁移小程序,也就是把小程序从一个已有的小程序账户迁移到新的账户下,目前是没有地方可以直接修改项目对应的小程序AppID,喜欢研究的同学可以试试直接改 project.config.json 里的appid,这个方法我没试过。

下面介绍一个简单的修改方法,无需拷贝文件或目录:

  1. 用本文前面介绍的方法删除已有的项目。不用担心,这只是删除微信Web开发工具与源代码的连接关系,不会修改或删除任何源代码文件。
  2. 在开发工具中,新建项目。项目目录仍然选已有项目的目录,AppID这时显示的是旧的id,但可以修改,改成新的AppID
  3. 点击“确定”,就完成了修改。
没有更多推荐了,返回首页